Pages

vineri, 30 martie 2018

News : About Google Design .

Google Design is a cooperative effort led by a group of designers, writers, and developers at Google. We work across teams to create content and produce events that showcase Google’s design work and champion innovators in our field.
This website is a great option to learn and take a look at google design area.
The website share us this infos and data:
  • LIBRARY
  • NEWS
  • RESOURCES
  • JOBS
  • ABOUT
Because I'm into EMEA easten part area I don't think I will find jobs.
The job area is a redirect to google careers page .
Very good website with news and resources from google team.

duminică, 25 martie 2018

Create a shadow text effect with HTML5 and CSS .

This tutorial is simple because I used HTML5 and CSS.
The CSS source code is simple (see: font-size:13px or you can use any size, colors , background).
I used my jsfiddle account to test and run it.
Create a project into jsfiddle editor and add this source code.
Into HTML5 area the source code can start with your text into div tag and named class font_001.
You can add span tag to have display block CSS style.
Into CSS area the source code is this:
@import url(https://fonts.googleapis.com/css?family=Work+Sans);

body {
  line-height: 2.5;
  margin: 0;
  background: #1F4C6F;
  font-family: 'Work Sans' sans-serif;font-size:13px;
}

.font_001 {
  max-width: 50%;
  margin: 0 auto;
}

h1 {
  color: #fff;
  font-weight: 810;
  padding-top: 4rem;
  margin: 0;
  text-transform: uppercase;
  font-size: 3em;
  line-height: 1.8;
  color: #3C6FB0;
  text-shadow: 20px 5px 30px rgba(0,0,0,.2), -30px 10px 30px rgba(0,0,0,.1), 
-40px 10px 30px rgba(0,0,0,.1), -3px 2px 5px #1F4C6F, 3px -2px 5px #3C6FB0;
}

h1 span {
  display: block;
  
}

Using processing.js to create a progressbar .

Today I tested the processing version 3.3.7 .
The example I make is a progressbar with a blue color and some text to show info.
The source code is very simple and result is this:

This is the source code:
// example progressbar 
// default variables for progressbar
// start the time for progressbar
int startTime; 
// counter progressbar 
int counter;
// maximum time progressbar
int maxTime; 
// boolean for the end progressbar 
boolean done; 
// settings for this example
void setup() { 
// set title of window
frame.setTitle("Example progressbar | free-tutorials.org");
// window size and background color
size(640,130);
background(255); 
// set variables of progressbar
counter = 0; 
startTime= millis(); 
maxTime=int(random(1000,1976)); 
done=false; 
//end settings
} 
// draw all text and progressbar
void draw() { 
  // set same background color
  background(255); 
  // check end of progressbar fill
  if (counter-startTime < maxTime) {
  counter=millis();
  }  else { done=true;  }
  // create the color for fill progressbar
  fill(110,110,255);
  // no stroke for draw
  noStroke();
  // show all text variables and progressbar
  text("Progress bar blue - size 620", 230, 20); 
  rect(10,30,map(counter-startTime,0,maxTime,0,620), 30 );
  text("counter- startTime "+int(counter- startTime)+" ",10,80);
  text("maxTime "+ int(maxTime) +  " ", 10,100);
  text("map converted counter-startTime"+ int ( map(counter-startTime,0,maxTime,0,200)), 10,120);
  noFill();
  }
// reload the draw of progress bar 
void mousePressed () { if (done) { counter = 0; startTime= millis();
  maxTime=int(random(1000,1976)); done=false; }
}

sâmbătă, 24 martie 2018

News : CRYENGINE V show us the HUNT game development .

In this period of the year developers meet at GDC - Game Development Conference.
The game engine named CRYENGINE V is proven in AAA production and come with one of latest rendering and game design features into the known game HUNT.

miercuri, 21 martie 2018

News : Unreal Engine come with new youtube videos.

The development team tell us:
Unreal Engine 4 is a complete suite of real-time 3D tools made by developers, for developers.
The new videos from official youtube channel shouw us the last presentation from GDC 2018.
I like the 3Lateral, Cubic Motion, Tencent and Vicon features to take live captured digital humans and create new real-time digital character.
Take a look at Siren a high-fidelity, real-time digital character based on the likeness of Chinese actress Bingjie Jiang.

marți, 20 martie 2018

News : Sketchfab with new features.

Some features about Sketchfab come today from development team issues:
Since we started Sketchfab in 2012, we’ve been on a mission to help democratize 3D, and make it accessible everywhere. The first step in that mission has been provide a best in class 3D viewer, offering all 3D creators an easy and reliable way to publish and share their 3D content on the web.

The development team come today with this news about Sketchfab : We will become the de facto search bar for the 3D world.

If you are an application developer, you can check out our documentation here.

The new blog post with examples can be found on official blogger.

luni, 19 martie 2018

Character Augmented Reality BTS.

Character Augmented Reality BTS is a ne real-time VFX advertising ... You can read the full article here.

News : Roblox movie into dark style.

Today about design, marketing and art in the evolution of children's movies.
I'm not agree with this style. Roblox is a best game for all ages !
In a dark style, here is a new trailer for children all over the world:

duminică, 18 martie 2018

How to create t-shirts and clothes in the Roblox game.

A very nice thing is when you create your own creations and objects in the game you play.
The Roblox multiplayer game can do this easy.
You need to download the template on the development page.
You can modify it as you wish and then put it through your account to other users or sell it with roblox money.
The most interesting part is that you can show up with your new creations and the other players in the game.
Another tutorial can be found at wiki roblox webpage.
It your work don't show good try the shirt upload page.
You have to wait a few minutes for your avatar to show your creation correctly.
Some of my work can be found with my user : catafest .
You can get a t-shirt with Fedora linux user design from here, take a look:

vineri, 16 martie 2018

News : The Blue Stacks emulator comes with prizes

This is a good news about the Blue Stacks emulator.
Now the Blue Stacks emulator comes with prizes.
Just play the games show by the new management for games and players named Pika World.
The Pika world come like another tab into window area of this emulator.
Take a look at this screenshot:

sâmbătă, 10 martie 2018

The Ren'Py visual novel engine .

Today I tested the Ren'Py visual novel engine.
The development team tell us:
  Ren'Py is a visual novel engine – used by thousands of creators from around the world – that helps you use words, images, and sounds to tell interactive stories that run on computers and mobile devices. These can be both visual novels and life simulation games. The easy to learn script language allows anyone to efficiently write large visual novels, while its Python scripting is enough for complex simulation games. Ren'Py is open source and free for commercial use.
For android development and emulation you need to install Java SE Development Kit.
The base of engine is a application named renpy.
This allow us to update , build and make emulation ( phone, tablet and television) for your game.
You can test all of this by starting one default game.
I don't make a tutorial about how to create a new game, just how to deal with this engine.
You can create a new game by using: + Create New Project.
This will create a new project to start you 2D game novel with your questions and answers , GUI and images.
This can be see on the next screenshot work with this engine:

vineri, 9 martie 2018

Online tool : Youtube Crawler.

The most used tool for learning and share the content into a fast way is videos.
Today I show you how can parse content with this online tool.
This YouTube Channel Crawler come with this text:
  There are millions of unknown and undiscovered channels on YouTube. The YouTube Channel Crawler makes it easy to find them! Choose the category, the subscriber count and other features, and the Channel Crawler will find good YouTube channels for you.
I test it and working well.
Is a fast way to find specific content based on selection criteria and objectives.
As an example, you could look for latest-time movies or have a large number of views using a query: Latest Video and Total Views .

miercuri, 7 martie 2018

News : Mozilla offers free assets for Unity3D VR .

The Unity WebVR assets allow to view the Unity generated VR objects in Firefox.
This is not news, which is new is this news:
Mozilla offers free assets that link Unity3D VR content to the web browser.
The Mozilla developers write in their announcement and also come with a good online demo.
This free assets can be found here.
The description of this asset named WebVR Assets come with this text:
Easily create VR experiences using Unity that you can view directly on your Web browser. It works in Firefox and Microsoft Edge WebVR enabled browsers!

sâmbătă, 3 martie 2018

The online maze generator.

You can try this online maze generator.
This online tool come with many examples and options to create your maze.
Also you can download it into PDF, SVG or PNG file type to print or use it.
Is a good way to test your skills.
The team tell us:
This website is created by Jan Boström at JGB Service. You are free to use the mazes you generate here in any non-commercial way you want. If you plan to make money out of them you need a commercial license.:
Let's see one example:



  10 by 10 sigma maze
  10 by 10 sigma maze generated by The Maze Generator Website (http://www.mazegenerator.net/).
  
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
  
  

luni, 26 februarie 2018

News : Krita preview release: 4.0 Beta 1 .

As you well know :
Krita is a FREE and open source painting tool designed for concept artists, illustrators, matte and texture artists, and the VFX industry. Krita has been in development for over 10 years and has had an explosion in growth recently.
The development team of Krita software come with this new preview release: 4.0 Beta 1 (11 January 2018; 41 days ago).
The team make a great work with this software, all of this with the help the Krita Foundation!
On February 2018 the donations has €1708 and is collected 155 awesome people.
I tested the portable Windows version of this new preview release and workin well.
The splash of this version is the same and I don't test all issues of the working team feedbacks.
I didn't test all the problems of the team's feedback show on webpage.
They say: "We started working on some of these features".
This come with new features but also with this warning:
THE FILE FORMAT FOR VECTOR LAYERS HAS CHANGED. IF YOU SAVE AN IMAGE WITH KRITA 4.0 THAT HAS VECTOR LAYERS, KRITA 3 CANNOT OPEN IT. IF YOU OPEN A KRITA 3 FILE WITH VECTOR LAYERS IN KRITA 4, THE VECTOR LAYERS MIGHT GET MESSED UP. BEFORE WORKING ON SUCH FILES IN KRITA 4, MAKE A BACKUP.
About this new preview release can be read and download it from here.

marți, 20 februarie 2018

Online book: The Book of Shaders .

This online book named The Book of Shaders by Patricio Gonzalez Vivo and Jen Lowe is a good start to learn and test shaders.
The authors tell us:
Getting started
What is a fragment shader?
In the previous chapter we described shaders as the equivalent of the Gutenberg press for graphics. Why? And more importantly: what's a shader?
If you already have experience making drawings with computers, you know that in that process you draw a circle, then a rectangle, a line, some triangles until you compose the image you want. That process is very similar to writing a letter or a book by hand - it is a set of instructions that do one task after another.
Shaders are also a set of instructions, but the instructions are executed all at once for every single pixel on the screen. That means the code you write has to behave differently depending on the position of the pixel on the screen. Like a type press, your program will work as a function that receives a position and returns a color, and when it's compiled it will run extraordinarily fast.
Why are shaders fast?
To answer this, I present the wonders of parallel processing.
Imagine the CPU of your computer as a big industrial pipe, and every task as something that passes through it - like a factory line. Some tasks are bigger than others, which means they require more time and energy to deal with. We say they require more processing power. Because of the architecture of computers the jobs are forced to run in a series; each job has to be finished one at a time. Modern computers usually have groups of four processors that work like these pipes, completing tasks one after another to keeping things running smoothly. Each pipe is also known as a thread.
Video games and other graphic applications require a lot more processing power than other programs. Because of their graphic content they have to do huge numbers of pixel-by-pixel operations. Every single pixel on the screen needs to be computed, and in 3D games geometries and perspectives need to be calculated as well.
You can test online the shader editor on this webpage.

miercuri, 14 februarie 2018

News: Publish interactive 3D content online .

If you want to publish interactive 3D content online then Sketchfab website help us.
Also you can easily be embedded in any webpage.
The bad thing is not yet designed to display several 3D objects on a single page.
See more here.
You can also buy 3D models. They tell us: Find everything from low poly assets to animated rigs & digital scans for your 3D, virtual reality, and augmented reality projects. With our model inspector, what you see is what you get.

luni, 12 februarie 2018

The particles editor from Pixi.js .


The Pixi.js Creator Engine is known by users and java script developers to create digital content with the 2D WebGL renderer.
Today I will show you a publisher created by developers to solve the particle issue.
The parameters specific to each particle system are chosen, the result is viewed and then saved to an output file.
You can test this online tool here.
The result of snow particles is a file created into json style and is this:
{
        "alpha": {
                "start": 0.73,
                "end": 0.46
        },
        "scale": {
                "start": 0.15,
                "end": 0.2,
                "minimumScaleMultiplier": 0.5
        },
        "color": {
                "start": "#ffffff",
                "end": "#ffffff"
        },
        "speed": {
                "start": 200,
                "end": 200,
                "minimumSpeedMultiplier": 1
        },
        "acceleration": {
                "x": 0,
                "y": 0
        },
        "maxSpeed": 0,
        "startRotation": {
                "min": 50,
                "max": 70
        },
        "noRotation": false,
        "rotationSpeed": {
                "min": 0,
                "max": 200
        },
        "lifetime": {
                "min": 4,
                "max": 4
        },
        "blendMode": "normal",
        "ease": [
                {
                        "s": 0,
                        "cp": 0.379,
                        "e": 0.548
                },
                {
                        "s": 0.548,
                        "cp": 0.717,
                        "e": 0.676
                },
                {
                        "s": 0.676,
                        "cp": 0.635,
                        "e": 1
                }
        ],
        "frequency": 0.004,
        "emitterLifetime": -1,
        "maxParticles": 1000,
        "pos": {
                "x": 0,
                "y": 0
        },
        "addAtBack": false,
        "spawnType": "rect",
        "spawnRect": {
                "x": -500,
                "y": -300,
                "w": 900,
                "h": 20
        }
}   

duminică, 11 februarie 2018

The regl and webgl .

The regl is a new functional abstraction for wegbl.
The official website can be found here.

For example, using WebGL, we iterating over points from the CPU to the GPU.
The regl makes it really easy to dive right in and start playing around, like shaders.
Let's see one simple example with points :

const drawPoints = regl({
    frag: '
    // set the precision of floating point numbers
         precision highp float;

         // this value is populated by the vertex shader
    varying vec3 fragColor;

    void main() {
     // gl_FragColor is a special variable that holds the color of a pixel
     gl_FragColor = vec4(fragColor, 1);
    }
    ',

    vert: '
    // per vertex attributes

    }
    ',

    attributes: {
     // each of these gets mapped to a single entry for each of the points.

    },

    uniforms: {
     // by using 'regl.prop' to pass these in, we can specify them as arguments

    },

    // if want points then specify the number of points to draw
    count: points.length,

    // specify that each vertex is a point (not part of a mesh)
    primitive: 'points',
 });
// the next step 
// initialize regl
regl({
  // callback when regl is initialized
  onDone: main
});

vineri, 9 februarie 2018

Fonts - WOFF fonts - part 001.

Today I will start a new series of tutorials about fonts.
The main reason was that web development and font are very useful both in transmitting content and in the ergonomics of any website.
I will try to highlight less well-researched issues that come to the aid of any type of developer.
The first step is about WOFF and WOFF2 font files.
A WOFF file is a web font file created in the WOFF (Web Open Font Format) format.
This open format used for delivering webpage fonts on the fly.
It is saved as a compressed container and supports TrueType (.TTF) and OpenType (.OTF) fonts. Another good thing allows information about software licensing.

Some benefits of using WOFF:

  • web sites using WOFF will use less bandwidth and will load faster than if they used equivalent fonts; 
  • many font vendors that are unwilling to license like TrueType OpenType;
  • the free-software browser vendors like the WOFF format becoming a truly universal, interoperable font format for the web;
  • WOFF files are referenced within CSS files using the @font-face rule;
  • WOFF files were replaced with .WOFF2 files;
  • the WOFF 2.0 format that features improved compression;

One example of use this fonts into CSS - the stylesheet area:
@font-face {
  font-family: 'MyFontWebsite';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

This table show the browsers support:
Chrome Safari Firefox Opera IE Android iOS
36+ No 35+ with flag 23+ No 37 No

joi, 8 februarie 2018

SVG Circus online tool for animated SVG .

This online tool let you to make animation using SVG file format - SVG stands for Scalable Vector Graphics.

  Scalable Vector Graphics is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium since 1999. - Wikipedia.

The developer tell us:
SVG Circus enables you to create cool animated SVG spinners, loaders and other looped animations in seconds.

Make fonts for any language.

A problem with your fonts occurs when you do not find the letters specific to the spoken language. This is a simple tutorial about how this online tool can help you.
Select create your font with TEMPLATES from toolbar website .
The next step is selecting from multiple options: basic templates, custom templates, or languages. Modify each letter of the downloaded template.
If you already have an image of your template, click on Upload Template in the toolbar at the top.

duminică, 4 februarie 2018

The TreeIt 3D software.

This 3D free software allow you to create and export tree.
You can select easy to use and this powerfull real time 3d tree generator.
You can use for the simple creation of your very own 3d tree models or just open default examples.
Features:
  • easy to create high quality 3D trees;
  • create any tree, not limited to just one tree type;
  • edit joints as well as break joints;
  • render to image for leaf creation;
  • create adjustable LOD slider;
  • use exports to *.dbo *.fbx *.obj *.x ;

The program start with a default tree with trunk.
You need to select your settings fro the new tree.
The result can be fast and very good.
You can download it from here.

joi, 25 ianuarie 2018

The Ventusky - weather tool .

This website come with a good weather features and application and with a great graphics and design.
The Ventusky application to your mobile phone or tablet come with faster data loading, better-arranged control and more detailed forecasts.
See the next screenshot of Ventusky webpage:

The windytv - weather tool .

This website come with a good weather features.
Take a look here.

marți, 23 ianuarie 2018

See the solar system into 3D and VR.

If you want to see the solar system in 3D or VR, we have found a very good website.
The website can be found at ocbnet.ch and is very interesting.
Here's a screenshot of this website.

luni, 22 ianuarie 2018

The VECTARY online tool .

This online tool come with many feature for design , create and sell 3D objects. This runs online in your browser. Just create one account and start 3D modeling.
If you’re designing in VECTARY online tool , you can now get commercial use for your own 3D models.
Also you can sell your 3D printed products on platforms like Etsy, Shapeways or Sketchfab.
The editor workspace consists of the scene, the panels for tools, toggles, selections, the Help Center, and a summary of the project's stats.
See the next video from vimeo or take a look at official youtube channel.

WebGL online tool report .

This is a website online tool that help you with the web development and WebGL.
This make tests for WebGL and reports to user like text and graphics
Is simple to use it.
Just open the website and see the result for your WebGL computer.
For example the result of my computer show like that:

Platform:Win32
Browser User Agent:Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.132 Safari/537.36 OPR/50.0.2762.58
Context Name:webgl2
GL Version:WebGL 2.0 (OpenGL ES 3.0 Chromium)
Shading Language Version:WebGL GLSL ES 3.00 (OpenGL ES GLSL ES 3.0 Chromium)
Vendor:WebKit
Renderer:WebKit WebGL
Unmasked Vendor:Google Inc.
Unmasked Renderer:ANGLE (Intel(R) HD Graphics 4600 Direct3D11 vs_5_0 ps_5_0)
Antialiasing:Available
ANGLE:Yes, D3D11
Major Performance Caveat:No

duminică, 21 ianuarie 2018

The glslbin online tool .

This web tool named glslbin can help you to test your shaders online.
Is very simple to use it:
  • open the tool;
  • delete the source code or change the example;
  • run your work ;
  • you can also save it.
The development team tell us about this online tool:
glslbin is a fragment shader sandbox similar to ShaderToy or GLSL Sandbox. It's still a work in progress, so expect more to come soon. It adds support for glslify, a GLSL module system which allows you to easily pull in shared code snippets from npm. These modules are all hosted as part of the stack.gl project: you can find a full list of packages in the "Shader Components" section here. Enjoy!

marți, 9 ianuarie 2018

Blender 3D - Blender Add-ons 3DM Snow.

This Blender 3D addon let you to make a snow mesh into your 3D scene.
The addon can be get from github website and is make by 3DMish.
The addon come with few settings to set up the size of the mesh and the material of snow.
Just select your object and use this tool to make the snow.
Note: To use this addon you need to set 3D window from Object Mode, select the object and press the Create snow button.

sâmbătă, 6 ianuarie 2018

Make movies like minecraft with mineimator .

If you like Minecraft game then you create animated videos using blocks, items and the lovable characters from Minecraft.
You can using particles, lights and camera effects and share your finished video.
You can download it from here.

joi, 4 ianuarie 2018

Drawing with new software Leonardo .

One new software for drawing named Leonardo and is designed and written by Henning Tegen.
Tegen Henning is a passionate software developer and has been programming since the age of 10.
The author of this software tell us about this issue:
Our mission: Create the world's best painting application.
They announced on their blog on August 7, 2017:
We are really excited to announce version 0.13.26 of Leonardo! This new version fixes one of the major flaws in Leonardo: marquee selections. We have also greatly improved brushes, added custom color swatches and a whole host of smaller fixes.
I watched it and for the $ 39 price it is a bit stiff considering the much cheaper and more developed alternatives.
I liked the new Jagged brush which gives you a lot of control of how the outline of the brush will look. Is like a textured brush and the result is very useful.

duminică, 31 decembrie 2017

MEmu - android emulator .

This is another android emulator named MEmu.
I tested with the android version 5.1.1.
The last official released version from official page tell the news about MEmu version 3.6.7.
The main reason I tested the MEmu emulator versus last emulator BlueStacks has some problems with PixelGun game - the multiplayer game.
Is simple to used it , just download the right version of MEmu and add your google account.
The next step for the emulator is to update the google account application and then let you to install your games.
The MEmu 101 contains all-inclusive info about MEmu App Player.
The official youtube channel can be found here.
I like also the splash when is starting the emulator, see the next image:

Blender 3D - using text with fonts .

This is a simple tutorial with Blender 3D version 2.79 about how add text and use fonts with this 3D software tool.
First, you need to run the Blender 3D software .
To add text just use keys: Shift + A into Object Mode .
The Object Mode is the area where you see the default cube when start the Blender 3D .
Using this keys will open one window and you need to select the Text .

The next step is to select font. Select the open icon to select te path to the your fonts, see the next image:

This will alow you to use the sected font. Also, this is a good idea to see your fonts from your windows operating system ( see the next image).

luni, 25 decembrie 2017

Christmas - Unity 3D with WebGL and old carol .

This is a test with particles using Unity 3D and WebGL output.
The next step will be a android application.
The project use three particle generators to create a Christmas tree, a snow particle generator, a game object for sound, and a text object game.
The project has also a C# script to set the particles.
The font used is the Kremlin Orthodox Church and is under the GNU General Public License.
This old carol is singed by Balada Group from Fălticeni, Romania and coordinated by Maria Tanase.

Merry Christmas! - Crăciun fericit!

marți, 19 decembrie 2017

News: The new released Unity 2017.3 .

The development team tell us:
We’re excited to share all the great new and improved features available today with Unity 2017.3.
Read more from on this article.

sâmbătă, 16 decembrie 2017

The best multiplayer game: Pixel Gun .

This game is a very good online game for any child and parent of any age.
The game comes with the ability to play a campaign, make servers (with and without the password), create a fun space where you can meet and chat, create castles and clans.
The game allows duels between teams, conquering the flag, choosing a pet, customizing the player with weapons and accessories, creating a space for each player. You can also create friends, invite and like them.
Pixel Gun 3D has two modes: a single-player Survival Mode and Multiplayer Mode.
First the single-player can be start with with a multi-level campaign and an interesting comic book story.
Into this story, you run around shooting mostly undead enemies like zombies and skeletons and earn points.
The Multiplayer Mode where you join others in a shoot-or-be-shot contest come with many servers and options to do that.
You can also create your own skin, update your clan castle and environment ( like pet house).
I could enumerate the options and features of this game but let you discover it.
I've spent hours playing this game and it's one of the fastest and does not require a lot of resources.
The game can be found here.

The Matter javascript for 2D collider.

The Matter.js is created with javascript and can be used like a 2D physics engine for the web development and game engine.
This javascript for web and mobile can be found on official website.
The development team tell us about the features of this tool:
  • Rigid bodies
  • Compound bodies
  • Composite bodies
  • Concave and convex hulls
  • Physical properties (mass, area, density etc.)
  • Restitution (elastic and inelastic collisions)
  • Collisions (broad-phase, mid-phase and narrow-phase)
  • Stable stacking and resting
  • Conservation of momentum
  • Friction and resistance
  • Events
  • Constraints
  • Gravity
  • Sleeping and static bodies
  • Plugins
  • Rounded corners (chamfering)
  • Views (translate, zoom)
  • Collision queries (raycasting, region tests)
  • Time scaling (slow-mo, speed-up)
  • Canvas renderer (supports vectors and textures)
  • MatterTools for creating, testing and debugging worlds
  • World state serialisation (requires resurrect.js)
  • Cross-browser and Node.js support (Chrome, Firefox, Safari, IE8+)
  • Mobile-compatible (touch, responsive)
  • An original JavaScript physics implementation (not a port)
You can see one good example here.
How can be used ?
First, get a stable release and include the script in your web page and add the matter engine objects and features, see this example:

marți, 12 decembrie 2017

News: The new Gimp version 2.9.8 released .

This released version was focusing on bug fixing and stability.
Here are a few of the new features of this graphical tool:
  • come with new features like introduces on-canvas gradient editing and various enhancements. 
  • the HGT files (Digital Elevation Model data by the NASA ) can now be imported;
  • the team improved Wavelet Decompose Filter and the PSD plug-in was fixed to properly handle Photoshop files. 
  • Paste in Place and GUI features
You can read more official website.

duminică, 10 decembrie 2017

The Roblox game with lua scripting .

The Roblox game is a massively is a multiplayer online game.
This game platform that allows users to design their own games and play a wide variety of different types of games created by the developer or other users.
The programming issues for this game can be solved with lua scripting language.
In this tutorial I will show you how to start programming this game.
First yo need to install the game, make one account and take from web the Studio.
This allow you to make game and changes into your account .
You can start with your place or create a new place .
The Roblox Studio use Workspace with many objects like: bricks , materials, etc.
The next image show you how to select command Bar (1) and Output (2) windows for testing lua commands and see the outputs of this commands from VIEW menu:

Into the next image you can see how I used the lua scripting to print to output:

Use the blue cross from Explorer to add your lua script to the object or part of object:

When all of your changes are done then you can publish to Roblox from File menu.
I preferred not to introduce a classic example script because you can do a lot of useful scripts in the roblox game: effects, automation, animations, music and video, character creation and objects, scripts for online.
You can learn more about this issue if you take a look at this official roblox channel for scripting.

miercuri, 6 decembrie 2017

The online CoSpaces Maker for kids to code.

The team development tell us:
Imagine and create. Build a virtual world on any device with the CoSpaces Maker app and explore them in virtual reality. Design, develop and code your own creations or take inspiration from what others have built in the CoSpaces Maker gallery - all you need is a smartphone and a cardboard headset!

First you need to make an account.
The next step is to see all scenes and read how to deal with objects and features.
This features start from load objects, deal with objects, use camera, use scene and code.
To code you need to use blockly - the most simple way to code .

If you think this is to simple and the result will be unsatisfactory, then you'd better take a look here.
You can test online at CoSpaces - official website.

sâmbătă, 2 decembrie 2017

Free game: SNOW come with winter sports .

If you like winter sports, then this game adds all the qualities necessary to this type of player.
The game can be found on steam at this link.

vineri, 1 decembrie 2017

The infinitown from Little Workshop digital studio .

Today I show you a great webgl city from this WebGL experiment .
Is an a procedural city that feels alive.
Used a finite grid of random city blocks and using this tools: Three.js, Blender, Unity.
All models come from SimplePoly a team from Little Workshop.
This is a digital studio specialized in WebGL experiences.
This is a screenshot with this webgl experiment: