background preloader

Drawing and animation

Drawing and animation

Inka3D Developer Network Learn Create a 3D T-Rex Game Grades 2+ | Blocks Dance Party Minecraft Hour of Code Escape Estate Grades 2+ | Blocks, Python Code a 3D Space Invaders Game Minecraft Timecraft Rodocodo: Code Hour Pre-reader - Grade 5 | Blocks NASA's Space Jam Make a Flappy game Long Live Wakanda Grades 6+ | Blocks Hello World CodeMonkey Jr.: Pre-coding for Preschoolers Pre-reader | Blocks My Google Logo Grades 2-8 | Blocks Coding Town Grades 2-5 | JavaScript Mario's Secret Adventure: Build Your Own 3D Mario Game CodeCombat: Goblins 'n' Glory Grades 6-8 | JavaScript, Python Code Farm: Plant a Garden Blocks Jumper: Game Creation Make Shapes with Code Pre-reader - Grade 5 | JavaScript, Language independent (can be taught in multiple languages) AI for Oceans Grades 3+ | AI and Machine Learning The Grinch: Saving Christmas with Code Bot is sus?! Grades 2-8 | JavaScript | Internet Explorer 11, Microsoft Edge, Chrome, Firefox, Safari Code Club World: Make cool stuff with free coding games and activities Grades 2-5 | Blocks Dragon Blast Design your Hero

17 Online Sandbox Tools For Testing Your Code Snippets Don't Forget to participate in a contest where you can win an amazing e-Commerce template from TemplateMonster. Developers constantly need some tools to check their codes so that they can make necessary changes without wasting time in finding out where change is required. With this collection, we are showcasing 17 very helpful websites for the developers that will let them test code snippets. This post will save time and we are sure that developers will find this post useful as well. Below, you will find some useful websites for testing code snippets. Ideone Ideone is something more than a pastebin; it’s an online compiler and debugging tool which allows to compile and run code online in more than 40 programming languages. SQL Fiddle A tool for easy online testing and sharing of database problems and their solutions. Dabblet An interactive CSS playground and code sharing tool. Chop A little app from ZURB that lets people slice up bad code and share their feedback to help put it back together.

Can Playing With Lego Make You More Creative? If successful companies and societies of this next century are defined by their ability to innovate—a trope repeated constantly in business seminars, surveys, and speeches—then the U.S. may be headed for a rough time: On average, Americans’ ability to think creatively has declined. This trend has been called "the creativity crisis," and was defined by a major study in 2011. Researchers looked at a common measure of creativity in 300,000 kids and adults over time and found that, unlike IQ scores, creativity had been declining since 1990. The effect was most marked in elementary-school-age kids. Why exactly creativity measures are declining is still anyone’s guess, although evidence and intuition points to the growing emphasis on testing in education as a factor. Kids are taught to learn by understanding "the one right answer" they need to find, and what they need to do to find it. She believes that businesses need to start taking a longer-term view. [Image: Flickr user Tom Carmony]

EASY PIE CHART by rendro Easy pie chart is a jQuery plugin that uses the canvas element to render simple pie charts for single values. These charts are highly customizable, very easy to implement, scale to the resolution of the display of the client to provide sharp charts even on retina displays, and use requestAnimationFrame for smooth animations on modern devices. Update pie charts Browser support This plugin supports all major browsers that support the canvas element. With excanvas you can even render the charts on IE 7+8. Get started To use the easy pie chart plugin you need to load the current version of jQuery (testet with 1.7.2) and the source (css+js) of the plugin. bower install jquery.easy-pie-chart Then just add the following lines to the head of your website: The second step is to add a element to your site to represent chart and add the data-percent attribute with the percent number the pie chart should have: <div class="chart" data-percent="73">73%</div> Configuration parameter Plugin API Credits Changlog

The Regex Coach - interactive regular expressions Abstract The Regex Coach is a graphical application for Windows which can be used to experiment with (Perl-compatible) regular expressions interactively. It has the following features: It shows whether a regular expression matches a particular target string. It can also show which parts of the target string correspond to captured register groups or to arbitrary parts of the regular expression. Contents Download and installation The Regex Coach together with this documentation can be downloaded from You should use Windows 2000 or Windows XP with all updates and service packs installed. You also must have the Microsoft runtime library msvcr80.dll installed. If you have a previous version (0.8.5 or earlier) of The Regex Coach installed, uninstall it first before you install the new version! Older versions, Linux, FreeBSD, Mac There is no Mac version and I have no plans to release one. License The Regex Coach is Copyright © 2003-2008 Dr. The main panes

Le canevas de modele d'affaires Learning HitFilm: an epic study course - HitFilm techniques - HitFilm Community This is a good start to help new users (like myself), so first thank you very much for both making the videos and organizing them in this way. I have watched most of them, in various orders, and am now watching them in the order listed again. With that said, I cannot stress enough the value of time and clear progression in regard to the comprehension of a new software tool. I completely understand what free means, so please understand these comments are only for the benefit of the long term value of your software. I know a large majority of forum posters are against a paid training product being offered by the publisher because they feel training should be free, yet there is no one else to train on new products since the product is not well known to garner third party training providers. Anyhow, I would be happy to pre buy any training product you some up with, if you decide to expand in this manner. Best wishes and thanks for reading my short story.

svg.js A lightweight library for manipulating and animating SVG. Svg.js has no dependencies and aims to be as small as possible. Svg.js is licensed under the terms of the MIT License. See svgjs.com for an introduction, documentation and some action. Usage Create a SVG document Use the SVG() function to create a SVG document within a given html element: The first argument can either be an id of the element or the selected element itself. By default the svg drawing follows the dimensions of its parent, in this case #drawing: var draw = SVG('drawing').size('100%', '100%') Checking for SVG support By default this library assumes the client's browser supports SVG. if (SVG.supported) { var draw = SVG('drawing') var rect = draw.rect(100, 100) } else { alert('SVG not supported') } SVG document Svg.js also works outside of the HTML DOM, inside an SVG document for example: Sub pixel offset fix By default sub pixel offset won't be corrected. var draw = SVG('drawing').fixSubPixelOffset() Parent elements returns: SVG.Doc

Learn Code The Hard Way -- Books And Courses To Learn To Code How to Make Successful Projects with “Free” Business Model Modern consumers don’t buy cr*p. We see more and more free products made available on the Web since businesses make the move from the material economy to the bits-and-bytes economy. Physical things are much more expensive compared to virtual ones and that is the reason why the free business model is becoming more and more popular. (Image Source: Lukas Troup) As more businesses adopt this model you may have to rethink your business strategy because people may just stop buying your products if they can get the same for free. Learn all you can about the free business model in order to stay ahead of your competitors. Read Also: Handling The Business Side Of Design Types of Free Yes there are different types of free, namely: 1. 2. 3. 4. 5. 6. Who’s using free business model? Numerous companies. How it works Michael Woloszynowicz explains how the freemium business model works and uses Dropbox as an example. Free Games: Angry Birds Angry Birds is free for Android, Chrome and Facebook. How to implement

How To Animate with LEGO (Brickfilm) – David M Pickett | Animator *UPDATE* – Don’t miss the new blog David Pagano and I are writing about LEGO animation! It’s got a lot of great content about animation techniques. Want to learn about how I make my awesome animations, so you can make some of your own? You came to the right place! If you’re brand new to animating, I recommend reading my Brickjounral article first, it will get you started making your first animation. Table of Contents:My Creative Process - Have an Idea - Put it on Paper - Share it - Refine it - Make it happenTechnical Stuff - Cameras - Lighting - Sound - Editing - SoftwareExamples Every person has their own unique creative process; discovering yours will help you make art of any kind, not just animations. Step 1: Have an idea Every piece of art ever created started out as an idea in someone’s head. Step 2: Put the idea on paper Once I have enough ideas and sketches to make something out of I will start to write something more formal like a script or a storyboard to guide the animation.

Related: