Pages

Se afișează postările cu eticheta html5. Afișați toate postările
Se afișează postările cu eticheta html5. Afișați toate postările

vineri, 12 ianuarie 2024

The Ren'Py visual novel engine .

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 free to use with commercial and non-commercial games and you can find on the official website.
This run's on Android 5.0+,HTML5/Web Assembly (Beta),Linux x86_64/Arm,Windows 7+,Mac OS X 10.10+ and iOS 11+.
This is last video tutorial from RenPy start tutorials but you can find more on web.

marți, 21 aprilie 2020

Another Ct.js game engine.

This is a game engine build and run with javascrip.
You can used on these operating systems: Windows, Linux and Mac OS.
Download the archive for your operating system and unarchive.
Start the ctjs application.
Into the main window you have some editbox for Name, Author name, Homepage and Version.
This window comes with buttons for play, stop ... many tabs: Settings, Rooms, UI, Sound ...
First, you need to fill the Settings with your Name and all data, and add Actions.
This engine game comes with examples to see how good is.
Let's see a video tutorial from Gamefromscratch user:

miercuri, 19 decembrie 2018

MAVO : Create webpages with HTML and CSS .

A start intro into MAVO can be found here.
The MAVO is a simple way to create good design and graphics for your website.
The development team tells us: What if I told you, that you can do these things (and more!), just with HTML and CSS? No programming code to write, no servers to manage.
A demo page shows us how good is this system, see here.

duminică, 2 septembrie 2018

New codepen example - modal window.

In user interface design for computer applications, a modal window is a graphical control element subordinate to an application's main window. It creates a mode that disables the main window, but keeps it visible with the modal window as a child window in front of it.
This is my example with a modal window created on codepen website.
The example is very simple.
The html5 source code is created with classes and id's.
The css file make all style for this tags.
The javascript use all of this to open the modal window, use click to close the window.
The Cancel and Add buttons not work with the java script.

luni, 30 iulie 2018

The gamefroot online HTML5 game engine.

This game engine use HTML5 and come with default templates , default sprites to test it.
You can follow the tutorials online and you can try a search on web for video tutorials.
This HTML5 engine use blocks for scripting area. Start with a account and test the tutorials.
You can used free with this option:
  • Publish to Gamefroot.com
You can also use two prices (from $15.00 and $49.00) to unlock the next features:
  • Educational Resources
  • Export to IOS and Android
  • Customer Support
  • Classroom Management
You can test it at official webpage .
The official youtube channel come with many video tutorials, just take a look:


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;
  
}

sâmbătă, 30 septembrie 2017

The EaselJS java script libraries.

The team development teel us:
A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5.
  • EASELJS - working with the HTML5 Canvas;
  • TWEENJS - for tweening and animating HTML5 and JavaScript properties;
  • SOUNDJS -  work with audio on the web;
  • PRELOADJS - manage and co-ordinate the loading of assets and data;
These javascript libraries are used and used to create web content for all modern desktop and mobile browsers.
To include the EaselJS libraries in your project by linking to the CreateJS CDN it is necessary to link them with script tag :
src="https://code.createjs.com/easeljs-0.8.2.min.js"
The official site offers readers only some modest demo about the capabilities of these libraries for creating web content.

duminică, 17 septembrie 2017

Create 3D text with HTML 5 .

This is the result of this tutorial:

The example is simple and use two ways to draw text.
First use a function how make the text by using index variable to put on canvas same text.
The next use function strokeText to add to canvas the text.
The onload function is used to put on canvas all you need to see.
This is the source code for java script I used into head HTML5 tag :
window.onload = function(){
 var canvas = document.getElementById("3dCanvas");
 var canvasWidth = canvas.width;
 var canvasHeight = canvas.height;
 var ctx = canvas.getContext("2d");
 ctx.font = "20pt Verdana";
 ctx.fillStyle = "black";
 ctx.textAlign = "center";
 // first
 drawTextInCanvas(ctx , "graphic-3d.blogspot.com", canvasWidth/2, canvasHeight/2, 4);
 // the next
 ctx.strokeText('... read this website !', 150, 150);
};

function drawTextInCanvas(ctx, mytext, wdth, hght, dpth){
 var index;
 for (index = 0; index < dpth; index++) {
  ctx.fillText(mytext, wdth - index, hght - index);
 }

 // shadow casting in bottom layers
 ctx.fillStyle = "#30F30F";
 ctx.shadowColor = "black";
 ctx.shadowBlur = 6;
 ctx.shadowOffsetX = dpth+ 2;
 ctx.shadowOffsetY = dpth+ 2;
 ctx.fillText(mytext, wdth - index, hght - index);

}
Then add the canvas tag into body tag with this :
id="3dCanvas" width="400" height="200" style="border:1px solid black;"

duminică, 26 martie 2017

The wonderful Goo Create game engine.

The Goo Create game engine lets you make HTML5/WebGL games and VR experiences quickly and easily.
This game engine is very simple to use and come with online tools and output is wonderful.

The Goo Create Pricing :

Free $0 Forever
Hobby $9 Per User/Month
Pro $49 Per User/Month
Enterprise Custom:
  • Unlimited licensed users
  • One invoice for everything
  • Hands-on help with projects
  • Analytics 
  • and much more...
You can try mane example and demo, this is one example:

duminică, 2 februarie 2014

View molecules online ...

You can see many molecules example.
It's working well with Firefox , Chrome, Opera and Safari.
See more on this website
The next image show us the penicillin ...

marți, 7 mai 2013

The Turbulenz HTML5 game engine released as open source.

Another HTML 5 game engine come to the users ...

We’re excited to announce that we have released the Turbulenz HTML5 game engine as open source under the standard MIT license. The open source project is available on GitHub at https://github.com/turbulenz/turbulenz_engine.

sâmbătă, 19 noiembrie 2011

Construct 2 Release r68

This is just a new visual tool for HTML5 game development.
Construct 2 is an program that lets you make games .
Also seam is not programming required...
The development team show us a video and let us to see that.
You can download this from here.