background preloader

Prototyping Tools

Prototyping Tools

5 Free Game Development Software Tools To Make Your Own Games Advertisement Do you have an idea for a game that’s been brewing in your mind for years? What if I told you that you could make that idea come to life, even if you have no game development experience? These days, anyone can make a video game with a bit of elbow grease and perseverance. Of course, that doesn’t mean game development is easy. Note that this list is ordered by least complex to most complex. 1. No programming needed. Create once, publish everywhere. Lots of documentation. Asset Store. Pricing. Download — Construct 2 2. Drag-and-drop OR code. Create once, publish everywhere. Long history. Built-in advanced features. Pricing. Download — Game Maker: Studio 3. Supports 2D and 3D. Component-based design. Widespread usage and documentation. If you’re interested in the coding aspect, we recommend checking out our introduction to Unity. Create once, publish everywhere. Asset store. Pricing. Download — Unity 4. Supports 2D and 3D. Scene-based design. Custom scripting language. 5.

UI Stencils | Website Stencil Kit New design coming soon. Brainstorm website and app ideas with ease using our precision cut Website Stencil Kit. Wireframe quickly and efficiently with the most commonly used iconography and interaction techniques. The kit includes:-Stainless steel stencil with all your favorite user interface iconography- 8 1/16 x 3 inches-Zebra mechanical pencil-Plastic protector-2 UI Stencils Stickers-Downloadable .PDF letter or A4 paper template This kit works with our Responsive Sketch Pad or our Browser Sketch pad New design coming soon. Brainstorm website and app ideas with ease using our precision cut Website Stencil Kit. The kit includes:-Stainless steel stencil with all your favorite user interface iconography- 8 1/16 x 3 inches-Zebra mechanical pencil-Plastic protector-2 UI Stencils Stickers-Downloadable .PDF letter or A4 paper template This kit works with our Responsive Sketch Pad or our Browser Sketch pad

What's in a Projectile Physics Engine? In this article, we'll examine the use of physics to simulate projectile effects in games like Angry Birds. We'll look at the basics of using 2D physics in game world space, such as creating bodies and applying impulses and forces. Why use a physics engine? What does it actually do? A physics engine helps us do two very important things for our game: Detect collisions between our in-game objects.Simulate the forces and resulting motion of our objects from those collisions.. Collision detection: Games wouldn't much much fun if your character fell through the floor before you could jump, or if, when you hit an enemy with your foot, you fell right through. Force simulation: After a collision, what should happen? We'll look at how physics engines work shortly, but first lets look at what engines you may want to use, and why you may decide to use them, based on your particular needs. Use an existing physics engine.Create a custom physics simulation Consider the following code segment:

10 Free Sketch Plugins for Web Developers - Hongkiat Sketch is getting a lot of traction among web designers and developers. This is probably because it is intuitive, easy to learn and comes with many features that makes it a lot easier to create a website prototype. It may also be because this application is extensible i.e. you can add new features to the application easily with the help of plugins. Here are 10 plugins that can help you to boost your productivity when working with Sketch. 1. CSS Buddy allows you to add the CSS to your layer in the Sketch workspace. With this plugin installed, just select a layer then select Apply to Selected from the plugin menu. 2. If you follow the trend of Material Design, a prominent thing you will notice is the use of distinctive colors. This plugin will generate color palettes in seconds without you having to close your workspace. 3. Sometimes we need to show what we do in a comment or via documentation. Sketch Notebook is a plugin for documenting your design in Sketch with ease. 4. 5. 6. 7. 8. 9.

Satellite Eyes Discovering Sketch “the designer’s toolbox” During my last trip to San Francisco for the WWDC 2013, I have been lucky enough to meet great people from all over the world that are dedicated and passionate about building better experiences and better tools for designer. I tried Sketch (Mac only) when it was first released a year ago. The lack of some feature and the difficulty to move away from my routines drove me back to Photoshop. Still, the designer community seemed really enthusiastic about it. This made me dedicate some serious time exploring it and teaching myself the basics. Today 80% of my designs are made with Sketch. Photoshop, the wooden leg Why Photoshop is not enough? I will not talk about Fireworks for many reasons, the main one being: Adobe discontinued the product. Not designed for us The initial purpose of Photoshop was digital image processing. Not suited for the mobile era If you have to export assets for multiple resolutions, you are going to have a bad time. Aging engine It’s taking years

How To Install Linux On A MacBook Pro Retina MacBook Pros come with some very nice hardware, but some people want more. Some people want Linux. Whether you’d like a more open and customizable operating system or simply need to dual-boot in order to access certain software, you might want Linux on your MacBook. The thing is, MacBook Pros are also pretty closed-down pieces of hardware that make installing other operating systems difficult – Linux more so than Windows. Boot Camp won’t help you with Linux, even though it doesn’t mean it’s impossible. Why Install Linux On A MacBook Pro Retina? The reasoning for installing Linux on a MacBook Pro might seem a bit strange at first – isn’t OS X one of the main reasons to get a Mac? But if you don’t like Mac OS X, or simply need to use Linux, you may want to put another operating system on that Mac hardware. Note: For the purposes of this tutorial, we’ll be using Ubuntu, the most popular Linux distribution, as our preferred choice. Download Ubuntu Write to USB Drive Resize Partitions Installer

Sketch, tutoriel 01 Sketch 3, pour Mac, est une alternative sérieuse à Photoshop et Illustrator. Sébastien Gabriel, Frenchie designer chez Google propose dans ce tutoriel hyper-détaillé de passer en revue ses caractérisques principales. Par Sébastien Gabriel Après avoir utilisé Sketch 3 pendant un peu plus d'un mois, je me sens assez confiant pour partager un peu de mon workflow sous la forme d'un tutoriel. Pour cela, je vais décrire la façon dont on peut créer le bouton coloré ci-dessous, qui utilise pas mal de fonctionnalités intéressantes de Sketch et n'est pas trop long à faire. Je vais tâcher de rester simple tout en étant aussi complet que possible. Remarque : je ne suis pas omniscient, et je ne donne pas ici la Sainte et Unique Méthode pour concevoir un design avec Sketch, donc si vous avez des commentaires ou des suggestions, vous pouvez les ajouter à mes posts Google+ ou Facebook. OK, allons-y. Installer Sketch NdT: Vous l'avez compris, Sketch est une application pour Mac. Créer un artboard Biseautage

MacGap Sketch : 34 ressources indispensables pour commencer Découvrez plus de 34 ressources pour commencer à utiliser Sketch. Cette liste vous permettra de trouver des ressources sur Sketch, d’apprendre à utiliser le logiciel, de trouver des plugins et des liens vers des ressources de qualité indispensables pour démarrer. J’ai téléchargé Sketch3 (79$) il y’a quelques semaines et je suis tombé amoureux de l’outil. Web designer, si vous ne connaissez pas ce logiciel, vous ratez quelque chose ! Pour bien démarrer avec Sketch, je me suis mis à la recherche de ressources utiles pour prendre en main l’outil et m’aider dans la création de maquettes. Apprendre à utiliser Skecth Sketch-Shortcuts Sketch Tricks sketchtricks sketchtips sketch-app sur Medium Sketch App sur Medium Designcode La Cascade – Tuto sur sketch La cascade sketchtips.tumblr GUI et éléments sur Sketch3 Bootstrap3 Symbol Librairy bootstrap3 symbol library Sketch Foundation Kit sketch-foundation-kit Bootstrap3 vector ui kit bootstrapuikit Android UI XHDPI Template Android-UI-XHDPI Sketch Template Free Gem