pouët.net

p01 information 5246 glöps

• general:
• level: user
• personal:
• first name: mathieu
• last name: henri
• portals:
• demozoo: profile
• cdcs:
• cdc #1: Flip-O-Demo by Oxygene [web] & Diamond Design
• cdc #2: Ooh Crikey Wot A Scorcher by The Lost Boys
• cdc #3: Blood by Holocaust [web]
• cdc #4: Cuddly Demos by The Carebears [web]
• cdc #5: The Union Demo by The Union
• cdc #6: Fantasia by Dune & Sector One [web]
• cdc #7: Flashback by The Carebears [web]

• 256b MS-Dos TCTRONIC by Abaddon [web]
• TCTRONIC
• rulezadded on the 2017-09-10 16:01:46
• demo JavaScript Boxbuffergeometry by Elude [web] & Logicoma [web]
• Using CSS, the sizing and vertical centering should occur only in the compositer. As a rule of thumb, I try to touch CSS properties in JS as a last resort.
  
  
  However this potential optimization is moot since the canvas is resized to match the viewport. The browsers most likely freak out and trigger a style recalc anyways. And to be completely honest, no one resizes the browser window for several seconds to see how smoothly, or not, a prod/app/demo is.
  
  
  Sorry ubik and wobble for derailing.
• isokadded on the 2017-09-07 09:42:30
• demo JavaScript Boxbuffergeometry by Elude [web] & Logicoma [web]
• Good point about the CSS transforms. As for the resizing and style recalcs, I just did profiled a simple test case ( albeit with a 2D canvas ) and style recalcs only occured while resizing the window which is expected. No extra cost in this case.
  
  But yeah the blur from the CSS transform is a bummer. Better use FlexBox to center the canvas then.
  
  Code:html, body { margin: 0; height: 100%; display: flex; align-items:center; } canvas { width: 100vw; height: calc(900vw / 16); }
• isokadded on the 2017-09-06 23:19:32
• demo JavaScript Boxbuffergeometry by Elude [web] & Logicoma [web]
• What you all said: Cool visuals, but disconnected from the music.
  
  As for the vertical centering, better do this in CSS ;)
  Code:canvas { width: 100vw; height: calc(100vw * 9 / 16); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
• rulezadded on the 2017-09-06 22:14:18
• 1k Amiga OCS/ECS Boot me up before you go go by Booze Design
• :U
• rulezadded on the 2017-09-04 21:12:51
• 4k Windows HAL 4000 by SandS [web]
• @Starchaser: which other ones?
• rulezadded on the 2017-08-29 01:03:16
• 1k JavaScript VOLTRA by Ribbon [web]
• Thanks!!!
  
  
  
  @Gargaj, @noby: Where would you take it ? Don't have to go in details, but just a little twist you'd have done regardless of the size to make this prod more interesting.
  
  @Tomaes: The whole point was not the speech synth, and you can see how I made sure that the intro works with Speech disabled. But I felt the speech really added something.
  
  
  
  Oh and here's the usual heat map of the code. This could probably be smaller but I was happy with VOLTRA.
  
  
• isokadded on the 2017-08-24 11:48:59
• demotool wild JavaScript dwitter.net by Ninjadev [web]
• Thanks for dwitter.net it's a pretty cool tool/platform.
  
  Only thought it was missing sound when I saw it around the time of JS1k 2017. So I made
  DWITTER—SON1K .
• rulezadded on the 2017-08-22 10:34:22
• demo SEGA Genesis/Mega Drive Masiaka by Resistance [web]
• Was great on the stream!
• rulezadded on the 2017-08-19 23:54:49
• demo Atari ST Execution by SMFX
• Great work folks!
• rulezadded on the 2017-08-15 00:52:19