WebDev

  • From Scratch: Writing a 3D Soft Engine 3/6

    In the previous tutorial, we learned how to draw lines and triangles. We really started to see the 3D side of our meshes, thanks to this wireframe rendering. But we’ve only displayed a cube… And even a simple cube already has 12 faces! Are we going to be forced to handle ourselves all the faces for more complex objects this way? Hopefully not.



    Read more 
  • From Scratch: Writing a 3D Soft Engine 2/6

    Now that we have built the core of our 3D engine along the lines of our previous tutorial #1, we will now work on enhancing the rendering. The next step is then to connect the dots to draw some lines in order to render what you probably know as a “wireframe” rendering. In today’s tutorial, you will learn how to draw lines, what a face is and how cool is the Bresenham algorithm to draw some triangles.



    Read more 
  • From Scratch: Writing a 3D Soft Engine 1/6

    I’d to like to share with you how I’ve learned to build what’s known as a “3D soft engine” through a series of tutorials. “Software engine” means that we will use only the CPU to build a 3D engine in an old school way (remember Doom on your 80386 ?).



    Read more 
  • HTML5: Using IndexedDB with WebGL and Babylon.JS

    In this article, I’d like to share everything I’ve been learning while developing the support for IndexedDB inside our 3D WebGL Babylon.JS game engine. Indeed, since 1.4.x, we’re now supporting storing & loading the JSON scenes containing our 3d meshes and their .PNG or .JPG textures as blobs from IndexedDB.



    Read more 
  • Babylon.GameFX: This Framework Helps You Build HTML5 WebGL Games Faster than Fast

    David Catuhe has recently released a simple & powerfull WebGL 3D engine named Babylon.JS. Which is a complete JavaScript framework for building 3D games with HTML 5 and WebGL. As this was great in itself, we decided to carry the concept even further and built a framework on top of that. This is our story…



    Read more 
  • Bento: One-Stop Shop for Online-Courses on Web Development

    It’s merely a few weeks ago, that we brought you a comprehensive overview of 22 of the online learning resources the planet has to offer. Just today we stumbled upon another effort for web designers, developers and programmers. An offering by the name of Bento curates the best learning resources in its field. The collection is community-based and as such more helpful than any Google search result could ever be ;-)



    Read more 
  • Colors of Fall 2013: 21 Fresh and Free Design Resources

    Hello designers, developers, web enthusiasts of the globe. We are back with another edition of our monthly collection of the freshest design resources the month of September had to offer. If you know our series already, you know you can expect the best HTML, CSS and PSD templates, as well as UI-kits for your next great web or native app. All of the resources showcased here are fresh, free and easy to download, suitable for experienced and amateur web designers, so be sure to download the ones you love and share them with everyone you know!



    Read more 
  • HTML5 Gaming: Benchmarking Sprites to Target All Browsers

    When I meet with game studios, I often have the same question put to me over and over: if I’m writing/porting my game in HTML5, will it run well on the various targeted devices? Will it be playable or will the gameplay suffer too much? To answer that question, I often use my own experience based on what I know and what worked well during my own tests. But I also had the feeling it wasn’t enough to just provide some good advice. In the meantime, there were some obvious facts. For instance, we all know that mobile devices can’t animate as many sprites as a desktop PC and preserve 60 FPS (frames per second).



    Read more 
  • Plug-in Free #3: Building an Interactive Map

    Hello developers! I am back for part 3 in our series on plug-in free web development. While the first article was all about theory, the second showed you how to implement bar graphs with HTML5. Today we’ll focus on something even more common. Interactive maps aren’t particularly new; they’ve been around for years. What’s different about the map, we will be developing during the course of the following article is, that it will be plug-in free. No Flash, no Silverlight, no Java, nothing.



    Read more 
  • Plug-in Free #2: Building Interactive Bar Graphs with HTML5

    Good morning, developers! I am back for part 2 in our series on plug-in free web development. While the first article was all about theory, we can now get rolling. In the following article, we’ll be developing plug-in free by creating bar graphs and similar graphics, using NASDAQ’s current web site as an example. But we won’t be creating merely a picture of a bar graph, but a real, interactive bar graph. We will go from Flash to HTML5.



    Read more 
search form
 
image description image description