Blog Archives

Draw Bezier and B-spline curve with HTML5 + Javascript

Draw Bezier and B-spline curve by HTML5 and Javascript

This is a online tool for drawing Bezier and B-spline curve. Main technologies used in this tool are HTML5, Javascript and Paper.js which one is a great framework that runs on top of the HTML5 Canvas.

Posted in CG, HTML5, Javascript Tagged with: , , ,

Style your content into clear and easy for reading

book

  How to make the content to be read easily and comfortable is very important. In order to do this, you have to think about several essentials like line height, color, font, font size and typography. In this article, we create

Posted in CSS3, HTML5 Tagged with: ,

A simple online canvas base on HTML5

html5canvas

  Demo This is not a completed application, still in development. Main technologies are HTML5, Javascript and css. I used local storage technology of HTML5 for online data storage, so it only support modern browser. There are some tools can

Posted in HTML5 Tagged with: , ,

Gallery thumb fan spin effect with CSS and jQuery

Gallery thumb fan spin effect with CSS and jQuery

Use CSS animation and javascript we can create a fancy fan spin effect for showing gallery thumb items.

Posted in CSS3, Javascript Tagged with: , ,

Some cool css techniques with demo

SwatchBook

SWATCH BOOK WITH CSS3 AND JQUERY A tutorial about how to create a swatch book like component that let’s you open and rotate the single swatches revealing some details. We will be using CSS transforms and transitions and create a

Posted in CSS3 Tagged with: , ,

Update on solar system

Solar System base on WebGL

Added control panel for seeking object and controlling track line show or hide.   http://wangweiqiang.net/lib/webgl/solarsystem.html

Posted in HTML5, Javascript Tagged with: ,

Build simple game interaction by HTML5 base on KineticJS JavaScript Library

html5-logo-parody

HTML5 is powerful on web game, in this article we will create a page include simple interaction which is controlling the catoon man to walk up,down,right and left by arrow key.

First, we need to load a javascript library named “KineticJS”, it’s very strong framework for HTML5 canvas interaction. You can get it from http://www.kineticjs.com/

Code as below …

Posted in HTML5, Javascript Tagged with: ,