1.5M ratings
277k ratings

See, that’s what the app is perfect for.

Sounds perfect Wahhhh, I don’t wanna
After many weeks of learning and 3 rewrites I learned enough of WebGL to create a 3D modal viewer, this even includes parsing OBJ files along with mouse and touch controls to rotate and pan he modal. Only issue is that I ended up using WebGL 2.0,...

After many weeks of learning and 3 rewrites I learned enough of WebGL to create a 3D modal viewer, this even includes parsing OBJ files along with mouse and touch controls to rotate and pan he modal. Only issue is that I ended up using WebGL 2.0, which requires a few steps to enabled on chrome.

Found a great modal on BlendSwap.com, so after a few attempt I managed to export an OBJ file from blender3d that I can parse, expand the data and push it to the graphics card. I’m totally psyched! This is something I always thought I was never smart enough to be able to do, but with enough hardwork and not giving up, i managed to complete the first step.

Its like martial arts, You don’t really start to learn till your a black belt, everything up to that point was just to master the basics, once you have that over with you can truly begin your training. One modal done, now a whole virtual work left to be built :)

https://github.com/sketchpunk/SageJS/tree/master/experiments/webgl

javascript webgl webgl2 3D viewer open source
So trying to put some time into learning some VR stuff in unity3d. Trying to figure out how to teleport but I want to have one of those curves that points in the direction your going. So one of things I had to learn is how bezier curves work then...

So trying to put some time into learning some VR stuff in unity3d. Trying to figure out how to teleport but I want  to have one of those curves that points in the direction your going. So one of things I had to learn is how bezier curves work then using them to build splines. After going through a great tutorial on how to built that sort of thing in Unity, for fun I went and tried to rebuild in Javascript and Canvas. So here’s the demo and code. Side note, I’ve done lots of vector graphics in the past and I’ve always been mesmerized by bezier curves, so I can say I’m happy as hell to finally understand how it works under the hood. Its days like today that makes me wish I can quit my day job and spend my time learning all these amazing things.

Demo : http://sketchpunk.com/sagejs/experiments/bezier/

Source : https://github.com/sketchpunk/SageJS/tree/master/experiments/bezier

javascript bezier bezier curve bezier spline open source animation prototype programming github canvas
The Halloween google doodle got me very interested in stroke recognition. Took it apart the $1 implementation and rebuilt it from scratch as a way to learn and understand the mechanics of it. Here’s my web version of it, added corner detection from a...

The Halloween google doodle got me very interested in stroke recognition. Took it apart the $1 implementation and rebuilt it from scratch as a way to learn and understand the mechanics of it. Here’s my web version of it, added corner detection from a different implementation I found that I thought was really neat.

Demo : http://sketchpunk.com/sagejs/experiments/shapereg/onedollar.html

javascript open source shape recognition stroke recognition programming
Doing quite a bit of learning around VR/AR and I decided the best way to really understand it is to make a viewer from the ground up. So here is a simple prototype using WebGL and Javascript. This stuff can get pretty complicated but saw a video...

Doing quite a bit of learning around VR/AR and I decided the best way to really understand it is to make a viewer from the ground up. So here is a simple prototype using WebGL and Javascript. This stuff can get pretty complicated but saw a video recently what a “Dot Product” is and how its applied to lighting in shaders, first time ever Dot Product made somewhat of sense to me. So lots of math i need to learn going this route, but its fun and I’ll someday open up new worlds of possibilities for me. Source and demo.

http://www.sketchpunk.com/sagejs/experiments/webgl/rotating_cube.html

open source sagejs 3d viewer webgl javascript canvas
Been Playing Tuber simulator and for some reason I think the puggle mini game is great (except for the high price to play it). I was really curious about how it bounces around codewise, so I created a web based prototype of the mini game for fun. The...

Been Playing Tuber simulator and for some reason I think the puggle mini game is great (except for the high price to play it). I was really curious about how it bounces around codewise, so I created a web based prototype of the mini game for fun. The whole thing is open source so anyone can use it. It was a fun little gaming project to do. Wife even suggested I add a moogle to go along with the puggle :)

Demo : http://www.sketchpunk.com/sagejs/experiments/puggle/
Src : https://github.com/sketchpunk/SageJS/tree/master/experiments/puggle

javascript tuber simulator tubersim open source