Posts

Showing posts with the label WebGL

New blog domain: kula.blog

It's still work in progress but new posts will be published on  https://kula.blog/ Thanks to 11ty base blog RSS is working from the start so it should be easy to add to your reader if you still use any :) If now then I hope you can sign up to the newsletter where I'll be publishing new posts and interesting articles to it from time to time. Please use  kula.blog  from now on.

Book Review: OpenGL SuperBible (5th edition)

Image
I was reading this book in polish, but I think that most of my review is language agnostic as I did not have any problems with the translation. The book has many authors and you can feel it while reading. Some of the chapters could be more interesting, especially the ones that are really abstract and I am still not sure if I have any idea how buffers work. I am really glad that I participated in  3D Rendering with Three.js  course. It really helped at the beginning of the book where I felt that many nonobvious concepts were not explained thoroughly. I have to admit that I have watched a really nice video about WebGL while reading this book, and what struck me was how much similarities are between those (I mean while one is in JavaScript other in C++). All you will learn about OpenGL will be useful in WebGL, at least at some point so I am happy that I took the time to read it. Because of the OpenGL SuperBible I managed to understand most of the talk and it ...

All about WebGL at SFHTML5

Image
You can join  All about WebGL at SFHTML5  online and watch it all at youtube : I'm really looking forward to this event. Hopefully I can watch at least part of it :)

Learn 3D Rendering with Three.js

Image
A couple of days ago stared really interesting course on Udacity: Interactive 3D Graphics  and I really enjoyed first videos. In my opinion event this first videos looks better than HTML5 Games course I mentioned earlier and I have really high expectations about it! Whats awesome about it is that all of course content is done in WebGL and Three.js so at the same time you can learn both ideas behind it and see it in your browser!  I had idea about learning WebGL this year and this course looks like designed for me :) You can watch teaser below:

Learn WebGL with Erik Moller

Image
A WebGL instructional video by Erik Moller. I think that this is awesome opportunity to learn WebGL! Watching video is really easy, and with just that you can learn basics of WebGL.  Of course WebGL is supposed to be low-level API and I suggest to use Library like THREE.js or J3D, but ability to know what this libraries are doing can be really helpful.

GLGE - building WebGL Game

Image
Part 1 of creating game in GLGE:  http://statico.github.com/webgl-glge-game-part-1.html GLGE is JavaScript library for the lazy WebGL programmers:  http://www.glge.org/ There is already part 2 of this tutorial:  http://statico.github.com/webgl-glge-game-part-2.html

HTML5 Game Devs Blog

There is new awesome blog about HTML5 Games Development:  http://www.html5gamedevs.com/ I'm really impressed with amount of great posts that are published.

innerWidth, InstaCSS, zepto.js, Binary Data

To post less I include more links, but still has problem with title :) innerWidth of mobile devices:  https://gist.github.com/1410787 Typed Arrays in JavaScript:  http://blogs.msdn.com/b/ie/archive/2011/12/01/working-with-binary-data-using-typed-arrays.aspx This is longest post about binary data that I've seen. Awesome HTML, JavaScript and CSS documentation:  http://instacss.com/ This site is really impressive! I've just added it to bookmarks. Zepto.js is a small library mostly for mobile devices with jQuery compatible syntax. New version came with Opera and Firefox support.   http://zeptojs.com/

WebGL Playground & e-commerce

Lately I think more and more about WebGL. It looks like this technology gained enough momentum to really make change in how web works! First I recommend read about WebGL i e-commerce. http://www.ultranoir.com/en/#!/blog/trends/webgl_and_e-commerce/ This post in my opinion is true. Additionally I start to think what if shop website really is made in WebGL and looks exactly the same as "real" shop, where I could "walk" and get familiar with the shop... Something like augment reality but in browser and on shop website. If someone write that site, this really could change rules on how websites are made today. So if you want to try WebGL there is nice website jsfiddle-like for WebGL that you can use to play with WebGL and get more familiar with it. http://webglplayground.net/ There are paypal donations so feel free to help the authors (I don't know them :).

Easy WebGL with Three.js

Very good presentation that can be used as tutorial to know basics of Three.js. For me new is that there is Collada format importer! https://gdd11-webgl.appspot.com/#1 Presentation is short and easy. Recommend.

SONAR WebGL Presentation

WebGL can be used for creating games, and there is great presentation about it: https://docs.google.com/presentation/d/110MxOqut_y7KOW1pNwIdcccisIA3ooJwVR-xm-ecuc4/view?pli=1#slide=id.gfda157_1_14 Really impressive.

CSS Shaders

If CSS3 has too little features to You, this would be killer: https://dvcs.w3.org/hg/FXTF/raw-file/tip/custom/index.html For me it really looks like the line between Web-Developer and Game-Developer is thinner with every new CSS3 or HTML5 feature.

Three.js Basics

http://fhtr.org/BasicsOfThreeJS/#1 Very good presentation about Three.js basics by Ilmari Heikkinen. Very descriptive and friendly, I can recommend it.

Emberwind

http://operasoftware.github.com/Emberwind/ Really worth to try. Game is fun, works fast. Recommend!

ChuClone - WebGL Platformer

http://chuclone.com/game/5 Simple game in WebGL by Mario Gonzales Game uses Three.js and Box2d libraries.

Three.js Game - Cubed

Daniel Rapp created game with three.js. simple looking but works fast and is fun :) http://rappdaniel.com/experiment/cubed/

Play with Three.js - Particles

On creativejs site there is first part of Three.js tutorial about Particles. http://creativejs.com/tutorials/three-js-part-1-make-a-star-field/ Code examples are incomplete and has one bug so at the end look ad github source: https://github.com/sebleedelisle/Tutorials/blob/master/three/Part1_particles/ThreeParticles.html How to easily try Three.js? Try jsdo.it, recently they added Three.js r42 to supported libraries so it's only one click to use it. This working example is available at: http://jsdo.it/krzychukula/bOcJ Particles - Three.js - jsdo.it - share JavaScript, HTML5 and CSS

Get Started with WebGL

Tutorial from netmagazine. http://www.netmagazine.com/tutorials/get-started-webgl-draw-square But for the first steps I recommend something like THREE.js to quickly get to the awesome part of WebGL, and after playing some time on higher level of abstraction get back to low level to see how it really works :)

CreativeJS

Image
New interesting blog about Creative uses of JavaScript. Most of it are Canvas and WebGL demos but it looks really impressive :) http://creativejs.com/

Google Pac-Man

Image
Thanks to JS News group on Facebook I realize that I didn't watched all IO videos! + Great talk about games in general:

Emberwind HTML5 Demo

Great demo of Emberwind. http://people.opera.com/emoller/demo2/ Blog post: http://my.opera.com/emoller/blog/2011/07/07/emberwind-html5-sweep-circles-and-line-soups This really look impressive :) There is only physics and world without opponents but is fast :)