background preloader

Shader Toy

Shader Toy
Related:  3D

ThNdl FAM Score – Evaluating Ideas for Game Projects We have a hundred ideas for games but we're only two full time people here at Focused Apps. So how do we choose what to work on next? What ideas do we spend time prototyping, and which projects do we push forward to market? We developed our own 'points out of ten' scoring system called the 'FAM' score. FAM stands for Fun, Ability (our ability to produce and sell the game), and Market (which includes monetization). We award0 to 3 points in each category: 0=bad; 1=OK; 2=good; 3=fantastic, leaving 1 bonus point to add if we think there's some factor so super awesome it deserves another point. Fun The greatest of these three is Fun. Easy to learn / can the tutorial be integrated and very short, or none at all? Ability Real programmers ship. How excited are we to work in this? Market This is a business. How broadly will the appeal of the game be, is it mass market? Conclusions We've now released two games. We're using FAM going forward to evaluate ideas and prototypes.

GLSL Sandbox Gallery WebGL Inspector An advanced WebGL debugging toolkit About WebGL Inspector is a tool inspired by gDEBugger and PIX with the goal of making the development of advanced WebGL applications easier. What Firebug and Developer Tools are to HTML/JS, WebGL Inspector is to WebGL. Note: this is alpha software - if you find bugs, let me know (or better yet, fork and fix them! Check out the readme on github for more information. Status There hasn't been an update in awhile, but the project is not dead! Features Extension for injecting into pages Embed in an existing application with a single script include Capture entire GL frames Annotated call log with stepping/resource navigation and redundant call warnings Pixel history - see all draw calls that contributed to a pixel + blending information GL state display Resource browsers for textures, buffers, and programs Live Demo Click here to view a live demo (in a browser that supports WebGL, of course): Install ATTENTION: The extension is now hosted on the Chrome Web Store.

Artsology Click and drag your mouse on the canvas to create different colored rectangular shapes and create a geometric abstract "painting." Each time you make a new geometric shape, a random color combination will appear, so no two paintings will ever be the same. Experiment with different designs, whether you overlap them or keep them separate. If you come up with something you really like, take a screen shot and send it to us and we'll start a geometric art gallery. If you want some inspiration, scroll down below the canvas and check out some geometric art paintings from famous artists. Clear your canvas and start a new painting Here's a few examples of geometric abstract art painted by famous artists:

drojdjou/J3D The Secret Strategies Behind Many "Viral" Videos Update: Dan has a follow up to this post, here. This guest post was written by Dan Ackerman Greenberg, co-founder of viral video marketing company The Comotion Group and lead TA for the Stanford Facebook Class. Dan will graduate from the Stanford Management Science & Engineering Masters program in June. Have you ever watched a video with 100,000 views on YouTube and thought to yourself: “How the hell did that video get so many views?” Chances are pretty good that this didn’t happen naturally, but rather that some company worked hard to make it happen – some company like mine. When most people talk about “viral videos,” they’re usually referring to videos like Miss Teen South Carolina, Smirnoff’s Tea Partay music video, the Sony Bravia ads, Soulja Boy – videos that have traveled all around the internet and been posted on YouTube, MySpace, Google Video, Facebook, Digg, blogs, etc. – videos with millions and millions of views. Secret #1: Not all viral videos are what they seem 2. 3. 4. 5. 6.

15 great HTML5 and CSS3 generators HTML5 and CSS3 are great languages to start off learning with, and I’ve always thought that one of the best ways to start learning is to just dive in and manipulate the code. As you could probably tell, this is where generators step in. They are a great way to generate some code, play with it, and learn. Not only that, they are incredibly useful because often times as a developer or designer we find we are doing things over and over again. As an example, I have a text-expander snippet that creates an HTML5 template that I wrote about here. I will say that most of this list is going to focus on CSS3 generators, simply because they are in demand more than HTML5 generators, and we will learn why. CSS3 Generators There is a somewhat negative connotation when it comes to these generators, and I have to say that as a designer and developer there is nothing negative about using one. General Generators This section will focus on generators that take care of the broad spectrum needs and usages.

GLSL 1.2 Tutorial In this tutorial shader programming using GLSL 1.2 will be covered. Although many parts are now considered deprecated, the essence of GLSL has remained constant. Besides, this tutorial will continue to be online because learning the basics of deprecated OpenGL is easier than learning the new versions. If you’re looking for a GLSL tutorial that deals only with non-deprecated features visit the GLSL Core tutorial, here in Lighthouse3D. Shaders are a hot topic and 3D games have shown that they can be put to good use to get remarkable effects. The tutorial contains an introduction to the specification, but reading the OpenGL 2.0 and GLSL official specs is always recommended if you get serious about this. GLSL stands for GL Shading Language, often referred as glslang, and was defined by the Architectural Review Board of OpenGL, the governing body of OpenGL. I won’t go into disputes, or comparisons, with Cg, Nvidia’s proposal for a shading language that is also compatible with OpenGL. Index

Related: