Author: Tim Coster
-
Links for Creatives
Software for Creatives Image Editing/Drawing Software Photoshop (Image editing/pixel drawing application)www.adobe.com/photoshop Illustrator (Vector graphics and illustration application) www.adobe.com/illustrator GIMP (Free photo editing/pixel drawing application)gimp.org InkScape (Free vector graphics and illustration application) inkscape.org Corel Painter (Pixel drawing/painting application)painterartist.com Corel Draw (Vector drawing application)coreldraw.com Sculptris (Free beginners 3D modelling application)pixologic.com/sculptris 3D Modeling/Animation Blender (Free…
-
Unity VR Roller Coaster Shooter Game Tutorial Pt.2
Steps Part 2 Steps Phase 2
-
The HomeSweetHomeys NFT Collection
The CandyCity HomeSweetHomeys NFT Collection The Individually Unique and Super Sweet to the Eye CandyCity’s Inhabitants Personal Little Homeys. ‘Cuz every CandyCity Inhabitant Deserves a Place to Call Their Own, a Place to Call Home, and a Place to Decorate According to Their Own Individual Sweet Tastes…And To Decorate,.. They…
-
Unity Procedural Rocky Planet 2D Shader Graph
Custom Shader Graph Nodes This Shader Graph uses custom SimplexNoise3D and CellularNoise3DLayered nodes that you can download from over here:
-
Unity Procedural Moon 2D Shader Graph
Custom Shader Graph Nodes This Shader Graph uses a custom CellularNoise3DLayered node that you can download over here:
-
Unity Procedural Sun 2D Shader Graph
Custom Shader Graph Nodes This Shader Graph uses custom Spherify, CellularNoise3DLayered and SimplexNoise3D nodes which you can download over here:
-
Museum Ypenburg – Verruimde Blik
Virtueel Museum Ypenburg presenteert:Lyceum Ypenburg – Verruimde Blik, 2020 Dit interview en de werken van alle eind examen leerlingen tekenen en handvaardigheid en alle atelier leerlingen van Lyceum Ypenburg zijn ook te zien binnenin de Museum Ypenburg App in de Cinematic modus (als je deze eerst op pauze zet), en…
-
Unity Shader Graph Procedural Planet Water Tutorial
Unity Shader Graph Planet Water Tutorial Calculate depth from water surface to underlying geometry,Use the depth value to blend from deep to shallow water color,Use the depth value and noise to generate water edge froth,Generate water waves with normal map textures,Generate water waves with procedural noise,Generate water edge ripples with…
-
Unity Spline-Based Tank Tracks System Package
Hey All! Some time ago I posted about a small spline-based tank tracks system that I’d built. Because some people asked me personally if they could download it, I decided to do some more work on the code and to create a free package with the updated tracks system and…
-
Unity Shader Graph Custom Function Nodes Collection
On this page you can find all of the Unity Shader Graph Custom Function nodes that are used trough out the different Unity Shader Graph Tutorials on this website, as well as some other custom functions that may be of use. Coordinate Conversions Cartesian to Spherical coordinates. Cartesian to Toroidal…
-
Unity Shader Graph Procedural Planet Tutorial
In this Unity Shader Graph tutorial we will create a procedural planet shader using Unity’s node-based shader creation tool Shader Graph…
-
Unity Shader Graph *Important Resources*
Unity Shader Graph *Important Resources* Important and useful links to Unity Shader Graph tutorials, custom nodes, examples and other resources.
-
Unity Shader Graph Starfield Tutorial
In this Unity Shader Graph tutorial we will create an awesome looking star field shader using Unity’s node-based shader creation tool Shader Graph…
-
Unity Enemy Radar Tutorial
Create a UI Canvas.Create an enemy radar display on the UI canvas.Display enemies and NPC’s on the radar as blips.Use a UI mask to hide the edges of the radar blips. 0. Introduction In this Unity enemy radar tutorial we will create a basic UI enemy radar display on a…
-
Ray Marching Shader pt.5 (Colors)
These ray marching shader examples show a couple of different methods of adding colors to ray marched objects. The first example shows how instead of returning only floats for distances with the distance functions from previous examples we can also include colors into the calculations by using a vec4 data…
-
Unity ShaderGraph Procedural Skybox Tutorial Pt.2 (Day/Night Cycle)
Rotate the sun,Animate the stars and the clouds,Create a brightness AnimationCurve,Access properties of the skybox ShaderGraph from a C# script,Create HDR gradients for the sky colors 0. Introduction In this part two of the Unity ShaderGraph Procedural Skybox tutorial, we are going to create a basic day/night cycle C# script.…
-
RayMarching Shader pt.4 (3D Primitive Shapes)
These examples show a collection of different distance functions for basic 3D primitive shapes and how they can be implemented in a ray marching shader. Keep in mind that many more shapes can be created by combining them together with other distance functions like boolean and smooth blending operators. All…
-
RayMarching Shader pt.3 (Smooth Blending Operators)
These ray marching shader examples show smooth blending versions of the boolean distance functions for intersection, union and subtraction. These functions can be used to blend different objects together smoothly to create complex organic looking shapes. The functions can be used in the same way as the boolean intersection, union…
-
RayMarching Shader pt.2 (Boolean Operators)
These examples show how boolean operators can be used to create complex shapes from simple ones. This 3d-modelling method is called CSG (Constructive solid geometry). CSG is primarily built on 3 primitive operations named intersection ( ∩ ), union ( ∪ ), and difference ( − ). The diagram below shows an example of what is…
-
RayMarching Shader Pt.1 (GLSL)
On this page, the coding steps to produce a basic Ray Marching fragment shader, that creates a ray marched scene of a sphere and a plane, with basic diffuse directional lighting and shadows. If you quickly want to try out the examples I recommend the web based GLSL editor from…
-
TDX-2: ‘Raven’ Sci-Fi Helmet/ VR Player Avatar
The first of a series of sci-fi helmets for use as VR player heads/avatars for TDX-2, the vr tower defence game I’m working on.Model created and rendered with Blender. A lot of bezier curves were used to model the helmet’s geometry around and a NURBS surface was used for the…
-
Deep-Blue-Space Procedural Cubemap Skybox (Texture)
Simple plain deep blue space skybox cubemap for your creative ideas: To use this cubemap texture in Unity as a skybox: 1. Click on the above cubemap image to open the full resolution version in a new tab and download it to your computer. The cubemap is 6 times 2048×2048…
-
UK Telephone Booth (3D-Model)
UK Telephone Booth 3D-Model made with Blender 2.80 For sale at CGTrader!: https://www.cgtrader.com/3d-models/exterior/street/uk-telephone-booth
-
TDX-2: New Player Base Models (ScreenShot)
New player base models for TDX-2 in three different levels. Modelled, UV mapped and baked ambient occlusion textures with Blender.As you can see in the background I’ve also been working on the red and black (evil) enemy base towers, the VR room/environments and the game maps/terrains, more on that later..
-
Basic Keyboard Shortcuts (Photoshop)
On this page you can find a (condensed) list of basic Photoshop keyboard shortcuts that are very useful to know right from the start, when you’re new to working with Photoshop. For a full list of all the available keyboard shortcuts visit the official Adobe documentation website in English: https://helpx.adobe.com/photoshop/using/default-keyboard-shortcuts.htmlOr…
-
Selecties Maken (Photoshop)
Selecties Maken (Photoshop) Selecties maken kan in Photoshop op een aantal verschillende manieren.Op deze pagina worden eerst de globale/algemene selectie functies uitgelegd, dus de dingen die je kunt doen met álle selecties,.. daarna worden de verschillende basis selectie tools uitgelegd. Photoshop heeft eigenlijk twee soorten selecte tools, de handmatige en…
-
Tileable Clouds Texture + Normal map
Texture Preview Textures Texture Diagram NumberFlow
-
Unity ShaderGraph Procedural Skybox Tutorial Pt.1
Unity ShaderGraph Procedural Skybox (Tutorial) Create the sun and the sky,And the stars and the clouds,Add them all up,And turn day into night 0.Introduction Turns out.. it’s surprisingly easy to start creating your own custom skybox shaders with Unity + ShaderGraph… In this tutorial we’ll build up a fully customizable…
-
Unity VFX-Graph Snow Globe Experiment
Snow globe particle system created with Unity Visual Effect Graph. It uses inner sphere collision, scrolling turbulence, randomly rotating gravity force and mass relative to particle size. Screenshot from the VFX-Graph (for recreational purpose), or you can download the graph from here: github.com/Timanious/Unity-VFX-Graph-Samples
-
Drawing Bump Maps in Realtime in Blender 2.80 (Quick Tutorial)
Drawing Bump Maps in Realtime in Blender 2.80 (Quick Tutorial) Introduction This tutorial briefly explains how you can get started with drawing bump- and/or normal maps using Texture paint mode in Blender 2.80, and see the results in real-time in the 3D viewport of Blender. 1. Create a…
-
Afbeeldingen Transformeren (Photoshop)
Afbeeldingen Transformeren (Photoshop) Transformeren = Verplaatsen/Schalen/Roteren etc. Met transformeren in Photoshop kun je o.a een laag, selectie of vorm verkleinen, vergroten, schuin trekken, vervormen of roteren. De belangrijkste hiervan zijn het schalen en roteren, dit is namelijk bijna altijd nodig als je foto’s gaat bewerken en is meestal ook het eerste…
-
Photoshop Boek/Film/Game Cover
Photoshop: Boek/Film/Game Cover Onderwerp bedenken. Afbeeldingen zoeken, Bewerken, Text plaatsen. Introductie In deze tutorial leer je hoe je met Photoshop verschillende afbeeldingen tot een nieuw geheel kunt samenvoegen, bijvoorbeeld voor het maken van een boek-, film- of game-cover. Voor welk boek of voor welke film…
-
Creating Tileable Textures in Illustrator (using Symbols)
Creating Tileable Textures in Illustrator (using Symbols) Create artwork. Make it a symbol. Copy/paste it four times. Make edges seamless. In this tutorial we will use Adobe Illustrator to create tileable or ‘seamless‘ textures the smart way, using Dynamic Symbols. By using Symbols…
-
Project TankBlazeAR (iOS) Screenshot 11: Normal Normals
Working on UV mapping and texturing buildings.Took me a day or two to unwrap all the faces, almost manually, and make the normals..well..normal, but now I can put any square texture that I want on it. TankBlazeAR level nr. 70/75 #indiedev #gaming #unity3d #DailyScreenshot
-
Character Clothing with Cloth Simulation (Quick Tutorial)
I Love good basics! ❤️ Just wanted to upload this GIF.. I’m working on some character clothing for a third person shooter project/experiment, using Blender’s cloth simulation. Just thought it looked really cool. Also to make sure I remember the steps later on I wrote a small tutorial about it.. Quick…
-
Project TankBlazeAR (iOS) Screenshot 10: “De laatste loodjes wegen het zwaarst”
“De laatste loodjes wegen het zwaarst” -old Dutch saying TankBlazeAR level nr. 70/75 #indiedev #gaming #unity3d #DailyScreenshot
-
Photoshop Students Gallery 2018/2019
Students results from my workshop Photoshop at Lyceum Ypenburg! The assignment I gave to the students was to create a cover for an existing or entirely made-up movie, game or book, by using basic Photoshop techniques like placing different images on different Photoshop layers and by selecting and erasing different…
-
Project TankBlazeAR (iOS) Screenshot 9: Moar lightning and emission!
More lightning and emission! TankBlazeAR level 39/75 #indiegames #IndieGameDev #unity3d #DailyScreenshot
-
Project TankBlazeAR (iOS) Screenshot 8: “Dismaland”
“Dismaland” TankBlazeAR Level 65/75 #unity3d #indiedev #gaming #DailyScreenshot
-
Project TankBlazeAR (iOS) Screenshot 7: Neonlight and Lightning Particles
Created neon light sci-fi textures and lightning particles #indiedev #unity3d #DailyScreenshot
-
Project TankBlazeAR (iOS) Screenshot 6: Emission Textures
Working on some emission textures and materials for my iOS AR tank game project: #TankBlazeAR with #unity3d #Illustrator and #b3d
-
UnityBasics : Intro
Introductie In deze tutorial leer je om te gaan met de 2D/3D game engine Unity.Een game engine is een programma waarmee je games in elkaar kan zetten en kan programmeren.Je kan Unity gebruiken om games te maken voor een hoop verschillende platformen zoals PC, Mac OS, iPhone, iPad, Xbox, Playstation…
-
UnityBasics : Stap 1
Stap 1: Unity Downloaden en een eigen Unity Account aanmaken Gebruik deze link om direct naar de download pagina van de officiële Unity website te gaan en download de gratis Unity ‘Personal’: https://store.unity.com Installeer Unity met behulp van het Download Assistant programma waarmee je Unity en eventueel extra onderdelen voor…
-
UnityBasics : Stap 2
Stap 2: Een nieuw Unity project aanmaken Open Unity3D en log in met je Unity account als je dit in Stap 1 nog niet had gedaan.Klik in het volgende scherm wat opent op ‘New’ om een nieuw project aan te maken. Vul bij Project name de naam van je project/spel in met daarachter…
-
UnityBasics : Stap 3
Stap 3: De verschillende ‘views’ van Unity3D In Unity wordt net zoals in de meeste andere programma’s met verschillende views/vensters gewerkt.De vier belangrijkste views van Unity zijn de Game view, de Scene view, de Project view en de Hierarchy view. Je kan het vergelijken met een filmstudio of theater: De Game view is het deel…
-
UnityBasics : Stap 4
Stap 4: De besturing van Unity Om de besturing van Unity uit te vinden is het handig om eerst een 3D-object in het nu lege level te plaatsen.Klik bovenin de menubalk op GameObject > 3D Object > Cube om een standaard kubus van 1 vierkante meter in het midden van…
-
UnityBasics : Stap 5
Stap 5: GameObjecten verplaatsen Ieder 3D-object kan verplaatst (Translate), gedraaid (Rotate) en vergroot of verkleind worden (Scale). Om tussen Translate, Rotate en Scale te wisselen gebruik je de drie knoppen ervoor links in de toolbar naast het handje. Translate In de Scene view zie je dat de kubus in het…
-
UnityBasics : Stap 6
Stap 6: Objecten kopiëren/dupliceren Klik op de ‘Cube’ in de Hierarchy view om de kubus te selecteren: Nadat je een object geselecteerd hebt kun je het kopiëren net zoals je tekst en bestanden kan kopiëren in windows/macOS dus met Ctrl+C (copy) kopieer je een object en sla je het eigenlijk…
-
UnityBasics : Stap 7
Stap 7: De Play en Pause knoppen Druk op de grote Play knop om het ‘spel’ te starten:Unity schakelt dan automatisch over van de Scene naar de Game view.Je zien dat er nog helemaal niets gebeurt en dat de kubussen gewoon stil in de lucht blijven zweven. Dit komt omdat…
-
UnityBasics : Stap 8
Stap 8: Experimenteren met zwaartekracht en tijd De zwaartekracht in Unity staat standaard ingesteld op dezelfde kracht als die van de aarde, dus op 9,81 meter per seconde in het kwadraat. Klik bovenin de menubalk op Edit > Project settings > Physics om de PhysicsManager te openen. De PhysicsManager zal dan in de…
-
UnityBasics : Stap 9
Stap 9 : Extra dingen om uit te proberenTorenKijk is wat er gebeurt als je een hele hoge toren of een ander bouwwerk maakt en daarna op Play drukt.Je kan meerdere kubussen tegelijk kopiëren door er een aantal met Shift ingedrukt te selecteren in de Hierarchy view. Daarna Ctrl + C om te kopiëren en dan Ctrl…
-
Links
Software Photoshop (Image editing/pixel drawing application) www.adobe.com/photoshop Illustrator (Vector graphics and illustration application) www.adobe.com/illustrator GIMP (Free photo editing/pixel drawing application) gimp.org InkScape (Free vector graphics and illustration application) inkscape.org Corel Painter (Pixel drawing/painting application) painterartist.com Corel Draw (Vector drawing application) coreldraw.com Unity (Free game engine) unity3d.com Sculptris (Free beginners 3D modelling application)…
-
Making Blender Unity Friendly
This post is mostly intended for Unity developers that also use Blender but even if you don’t use Unity, these Blender settings may be useful to you. If you work with Unity and Blender at the same time, it can be very confusing and frustrating if, for instance, the camera…
-
MonoDevelop Keyboard Shortcuts
For those who develop games with Unity and who want to be more efficient at typing their code in MonoDevelop, here are some handy keyboard shortcuts that I find useful. If there are any important shortcuts that you know that aren’t on here, please let me know in the comments. Keyboard…
-
Middle mouse button pan with Illustrator
If you use 3D applications or game engines like Blender and Unity etc., you may have gotten used to the fact that those applications usually let you pan your view around with the middle mouse button. Illustrator does not let you do this by default, in fact, Illustrator doesn’t use…
-
Basis benodigdheden Acrylverf
Basis benodigdheden schilderen met Acrylverf Inleiding Als je enthousiast wilt beginnen met het maken van schilderijen met acrylverf, kan het moeilijk zijn om niet veel te veel dure kleuren verf en andere luxe schildermaterialen aan te schaffen die je misschien niet allemaal nodig hebt. Als je gewoon een basis-uitrusting…
-
2D Games maken met Scratch (Deel 1: Rondleiding)
Introductie Wat is scratch? Scratch is een programma waarmee je 2D games kunt maken en programmeren(een ‘game engine’).Je kunt met Scratch leren programmeren door verschillende code blokjes die allemaal wat anders doen aan elkaar te klikken, een beetje zoals Lego, of als een trein met wagons. Dus je hoeft met…
-
2D Games maken met Scratch (Deel 2: Race Game)
Deel 2: Race Game De achtergrond is lava! Je kunt in Scratch je achtergrond ook gebruiken als speelveld, de manier waarop dat gaat is dat je met de code blokjes kunt checken welke kleur van de achtergrond je game character’s sprite ‘aanraakt’ en daarop dingen kunt laten gebeuren. Een goede…
-
Maak je eigen muziek instrument met Makey Makey + Scratch!
Maak je eigen muziek instrument met Makey Makey + Scratch! Introductie In deze les gaan je aan de slag met de MakeyMakey, velletjes papier en een potlood om je eigen zelf-vormgegeven elektronische muziek instrument te maken, zoals bijvoorbeeld een piano of beatbox. Je kan dit doen door eerst op een…
-
TDX-2: Tower Defence eXperiment-2 (Process update 2)
Since the last update I have made a lot of changes to TDX-2. I took a step back from the multiplayer part of the game and instead focussed on getting the pathfinding and the AI agents movement behaviour right. For the navigation of the ai agents in the game i…
-
Custom WordPress Header
Photoshop: Custom WordPress Header Aangeraden WordPress header formaat in pixels achterhalen,Nieuw Photoshop document aanmaken met de juiste pixel dimensies.Afbeeldingen in de lege header plaatsen,Afbeeldingen transformeren: schalen, roteren, verplaatsen,Titels en text toevoegen,Header opslaan als .PNG en uploaden naar WordPress. Introductie In deze tutorial leer je hoe je met Photoshop een perfect…
-
Basis Theorie Photoshop
Introductie Op deze pagina leer je de basis theorie van Photoshop en stukjes informatie die je nodig hebt om goed van start te kunnen gaan met Photoshop en de volgende Photoshop tutorials. Lees dit goed door, vooral als je nog nooit met Photoshop hebt gewerkt, maar ook als je dat al…
-
Vector Animal
Introductie In deze tutorial leer je hoe je in Illustrator, met de hulp van een foto en de Pencil (potlood) Tool van Illustrator, een illustratie of design voor bijvoorbeeld een T-shirt kunt maken van een zelfgekozen dier. Ook leer je in deze tutorial verschillende handige manieren om je ontwerp in…
-
Image Trace
Pixel/raster afbeeldingen omzetten in Vector afbeeldingen met ‘Image Trace’ (Overtrekken) Introductie In deze tutorial leer je hoe je van een normale pixel foto dus een raster afbeelding, gemakkelijk een vector afbeelding kunt maken met de Illustrator ‘Image Trace’ (Overtrekken) functie. Je kunt Image Trace bijvoorbeeld gebruiken om van een standaard…
-
Basis Theorie Illustrator
Introductie Op deze pagina vind je basis uitleg over Illustrator en over de vector techniek die Illustrator gebruikt om beelden mee te tekenen. Deze pagina is bedoeld voor diegenen die nog nooit met Illustrator hebben gewerkt of voor diegenen die dat wel al een keer eerder hebben gedaan maar misschien…
-
TDX-2: Tower Defence eXperiment-2 (Process update)
For a couple of weeks now I have been working on creating a tower defence singleplayer+multiplayer game. The plan is to develop it for Windows and MacOS first and then hopefully later (when I can afford a good VR development workstation:)) turn it into a VR game as well. For…
-
CuboidDog: Playable physics experiment
In my last post I showed a couple of screenshots from my Unity configurable joints, direct blend trees and physics experiment. I thought it would be nice to make a playable WebGL build and host it on my experimental Raspberry Pi hosted blog. Feel free to try it out and…
-
Unity + Direct blend tree + MIDI Controller Experiment
Screenshots from a experiment with Unity, Configurable joints, Direct blend tree’s and a Korg MIDI Controller. With the MIDI Controller I can control multiple Animator parameters (and other variables) at the same time, with real physical sliders!
-
Mobile Tank Game (W.I.P) Screenshot 5: Flippin’ UI Canvas magic
Screenshot of the Tankmanious main menu scene version 1 Flipping UI canvas system For the Tankmanious main menu screen I wanted to develop a UI system that uses Unity’s ‘world space’ canvas system, because I love the idea of information screens magically floating around having a position in 3D space instead…
-
Mobile Tank Game (W.I.P) Screenshot 4: Tank tracks system
Triangular shaped tank tracks created with the tank tracks system To good to use When I began working on Tankmanious I wanted the tanks in the game to have realistically moving tank tracks with individual track pieces, so I thought it would be interesting to create a tank track system.…
-
Mobile Tank Game (W.I.P) Screenshot 3: Total Loss
A process screenshot of the game-over screen from my mobile tank game project: Tankmanious (working title). The scoring system On this screenshot you see the game over screen and the game’s scoring system. The total score of the player is based on firing accuracy, remaining health and the total kills.…
-
Mobile Tank Game (W.I.P) Screenshot 2
One of the first ‘on stage’ process screenshots from my mobile tank game project: Tankmanious (working title). ‘BreakOutBlocks’ In the previous post I showed a screenshot from the Unity scene view (‘behind the scenes’) of Tankmanious, so the part that the player never get’s to see. On this screenshot you…
-
Mobile Tank Game (W.I.P) Screenshot 1 and Introduction
The blue lines and green spheres are only visible in the Scene view from Unity so not for the player. The blue lines are a visual representation of the red enemies fields of view. The green spheres represent where the enemies are moving towards and the areas that are…
-
“The Fourth Dimension” Egg-Tempera/Oil-painting, 2010
“The Fourth Dimension”,2010. Gesso,Tempera & oil-paint on MDF panel, 121 x 61 cm. A work about four-dimensional light, female and egg shapes and about growing and rising. The shape as a whole is grown and evolved from a very simple working pattern and can be found to be birdlike.