Pages

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.