Top all-time · #546
Mr.doob
Personal blog · mrdoob.comprogrammingdesign
Mr.doob is a personal blog at mrdoob.com about programming and design. Since 2008, 109 different Hacker News readers have linked it 128 times, most often “Creative demo of HTML5 canvas”. No feed was found, so read it on the site itself.
Sometimes recommended · 15 of 40 sampled comments recommend it?
Why HN links it
HN readers link mrdoob.com for its browser demos and creative-coding projects, such as Harmony, Google Gravity, the solitaire effects and the clouds demo.
- Recommended for · 15 comments
- Called demos fun, great, incredible and very original; one commenter says the sketchpad works very well
Summarised by Claude from a sample of 40 HN comments that link here. Each comment is marked recommending, critical or neutral (citing without judging); how this works.
Collection of digital toys and experiments.
Most-linked posts?
- Creative demo of HTML5 canvas9 people · 10 mentions · first linked 2010-03-14
- HTML5 3D demos7 people · 7 mentions · first linked 2010-11-14
- Google Gravity, replicated7 people · 7 mentions · first linked 2010-05-27
- Win Solitaire4 people · 4 mentions · first linked 2019-05-07
- Multiuser Sketchpad in HTML5 (Go nuts)4 people · 4 mentions · first linked 2010-08-07
- Click and win3 people · 3 mentions · first linked 2014-08-06
- /projects/chromeexperiments/google-gravity/3 people · 3 mentions · first linked 2019-03-13
- /blog/post/7013 people · 3 mentions · first linked 2010-07-07
- /lab/javascript/threejs/css3d/periodictable/3 people · 3 mentions · first linked 2013-10-17
- /lab/javascript/harmony/3 people · 3 mentions · first linked 2010-03-09
What Hacker News says?
Just from the name, I thought this was going to be Google's official take on the classic "Google Gravity" site from ages ago: https://mrdoob.com/projects/chromeexperiments/google-gravity... I used to love leaving that site open on public PCs and watching the reactions that resulted :)
Comment linking /projects/chromeexperiments/google-gravity/index.html
on “Google Antigravity”Submitted Realtime Three.js Coding as a story · 261 points
HN discussionThe victory effect (js version) is credited to mr doob, and can be found here http://mrdoob.com/lab/javascript/effects/solitaire/
Comment linking /lab/javascript/effects/solitaire/
on “Windows 93 (2014)”Submitted IE6 effect in HTML5 as a story · 225 points
HN discussionPerhaps I missed it but is there a way to export the result into an image? I've seen it done in a similar canvas project called Harmony ( http://mrdoob.com/projects/harmony/ ) It would be nice to have an infinite amount of Silk wallpapers that you created yourself or by others :)
Comment linking /projects/harmony/
on “My winter break project — Silk”Submitted 3D CSS Periodic table with three.js as a story · 191 points
HN discussionI love this one: http://mrdoob.com/ I've just updated my blog and would appreciate any feedback https://trengrj.net/
Comment linking /
on “Ask HN: What are the best personal project websites you've seen?”Submitted Google Gravity as a story · 158 points
HN discussionTo those wondering: Harmony procedural drawing tool, by mrdoob: http://mrdoob.com/projects/harmony/ dollar recognizer project (draw a star on paul's background!): http://depts.washington.edu/aimgroup/proj/dollar/ inspired by paul's site's implementation, about a year ago, i made a proof of concept captcha thing ("motioncaptcha"): http://www.josscrowcroft.com/demos/motioncaptcha/
Comment linking /projects/harmony/
on “* { box-sizing: border-box } FTW”Submitted HTML5 3D demos as a story · 87 points
HN discussionHarmony.js: There you go > http://mrdoob.com/projects/harmony/ Although, I don't find harmony.js a very nice way sorts.
Comment linking /projects/harmony/
on “* { box-sizing: border-box } FTW”Submitted Google Gravity experiment as a story · 84 points
HN discussionReminds of of Mr.doob's creations: https://mrdoob.com/#/120/harmony
Comment linking /
on “Silk”- vl · 2010-03-14
Submitted Creative demo of HTML5 canvas as a story · 58 points
HN discussion Mr.doob's multiuser sketchpad has the essentials as far as real-time sharing and drawing capacity. It would work very well in private mode: you could share a link to start recording a live session. https://multiuser-sketchpad.glitch.me https://mrdoob.com/#/125/multiuser_sketchpad
Comment linking /
on “Witeboard”Submitted Multiuser Sketchpad as a story · 57 points
HN discussionGreat demo and presentation. This is apparently based on the WebGL clouds demo, which is equally as amazing: http://mrdoob.com/131/Clouds
Comment linking /131/Clouds
on “CSS 3D Clouds”Submitted Internet Explorer with WebGL as a story · 40 points
HN discussionyou can do the same in JS if you have such simple particles as well (ie rendering by just writing a few bytes). http://mrdoob.com/lab/javascript/strangeattractor/ does 300k as well (though it's borked right now since he has to update his stats code). here's another fast one in webgl: http://iacopoapps.appspot.com/hopalongwebgl/ reading the source, it has 280000 particles.
Comment linking /lab/javascript/strangeattractor/
on “WebGL: 80,000 particles”Submitted Google Gravity, replicated as a story · 38 points
HN discussionMr Doob tried something similar a while back... http://mrdoob.com/blog/post/643
Comment linking /blog/post/643
on “IPad 2 gets glasses-free 3D display using front-facing camera for head tracking”Submitted Javascript Graphics Effects Demos as a story · 28 points
HN discussionYou will definitely have a bit of fun with this, then: http://mrdoob.com/lab/javascript/effects/solitaire/ Drag the mouse for great victory.
Comment linking /lab/javascript/effects/solitaire/
on “Bizarro World: World Record Tetris (2007)”Submitted Internet Explorer 6 (JavaScript) as a story · 10 points
HN discussionSomething similar: https://mrdoob.com/lab/javascript/checkbox_painter/
Comment linking /lab/javascript/checkbox_painter/
on “Sliderland – Creative coding with 64 HTML sliders”Submitted HTML5 3D Audio Waveform as a story · 9 points
HN discussionOne of the drawbacks with rendering DOM content to a Canvas/WebGL texture is that interactivity is lost in the process. At the very least an intermediate layer would have to be created that pipes scene input into DOM input. The nice part about CSS 3D transforms is that interactivity is maintained, and it's still hardware-accelerated. A fantastic example of this was made by the creator of Three.js over a year ago: ht…
Comment linking /lab/javascript/threejs/css3d/
on “Webkit.js”Submitted Crazy Javascript drawing tool as a story · 8 points
HN discussionMade by Mr.doob who did the demos at http://mrdoob.com/ and who worked on Google's http://www.thewildernessdowntown.com/ .
Comment linking /
on “Impact HTML5 Game Engine released”Submitted Multiuser Sketchpad in HTML5 (Go nuts) as a story · 8 points
HN discussion
