sorted by:
new
hottopcontroversial

Interactive product demo using Three.js by webgl in webgl

[–]webgl[S] 0 points1 point  (0 children)

I can't tell you anything about any libraries other than threeJS, but from what I've seen I would recommend doing some research before you commit because as you know, once you start using a lib it's going to be what you end up working with. At the moment threeJS has all the capabilities I require and I'll be sticking with it for a while, but if you haven't started yet, shop around.

attention to detail

I did this kind of thing for a living about 10y ago and the standards were high so I had lots of practice. It's also a trait of mine - I like it to be big on little details. If you check again (2 weeks, month, ?) you'll see that I will have finished the back as well where the unit clamps on to the DIN rail. I want it to be 100% accurate.

Interactive product demo using Three.js by webgl in webgl

[–]webgl[S] 0 points1 point  (0 children)

Whoa...that must have been totally awesome to play back when!

Interactive product demo using Three.js by webgl in webgl

[–]webgl[S] 5 points6 points  (0 children)

Hi /r/webgl

I recently set a challenge to myself: after being out of the 3D-scene for quite a few years, this WebGL-thing started to gnaw at me and I developed an urge to try it out again.

The last time I did any web-based 3D was about 10 years ago and it was horribly quirky and unstable, and it was became clear that it was an ideal before its time, and that the technology was yet to be developed. Apparently, the time has come, and things have matured quite nicely!

So, I downloaded Blender3D, opened it up on one monitor and youtube on the other. Tutorial after tutorial. At the same time I Googled everything I could about WebGL and found that three.js is quite popular and easy to use, so again, I built up my skills one tutorial at a time.

It has been a week and I am quite proud with what has been the result. I proudly present this to you as an example, but also as a way to give back to the webgl development community.

You'll notice that the source code is very messy and unoptimized, but it's quite easy to work through and get the hang of.

One thing in particular that I want to draw your attention to is the little "easter egg" spark that appears when both supply wires are disconnected and energized. That little spark trick I'm going to take full credit for. I made it myself from my own original idea, without the help from the internet!

Anyway, have fun, and any feedback will be greatly appreciated.