[go: up one dir, main page]

Showing posts with label html5. Show all posts
Showing posts with label html5. Show all posts

Thursday, September 17, 2020

myCesiumflight osm openstreetmap buildings 3D

a cesiumjs flight game with 3D buildings, airports, towns, bridges, and clouds .
a webgl open source game (nothing to install)

click here =>  https://sandcastle.cesium.com/index.html# myCesiumflight 

fullscreen =>   myCesiumflight       
 
older version =>  myCesiumfly   

sandcastle bridges =>  sandcastle bridges      (most recent version, source code)

fullscreen with bridges =>  mycesiumflight bridges   (most recent version)
   
(29/09/2020) currently works with chrome,edge, to try firefox  



 

Sunday, April 24, 2016

myCesiumflight html5 webgl Cesium flight simulator

myCesiumflight chung is a small Cesium engine based 3D webgl flight simulator written in html5, css and javascript . Fly anywhere in the world with photorealistic high resolution terrain imagery and elevation heightmaps . Uses cssscale to increase fps rate. (12 fps fullscreen on my notebook) . Fetchs openstreetmap infos to display airports on radar and generate airports radio messages .Also osm bridges and buildings save / reload on startup . Works on chrome & firefox , not edge .
may work no more due to Cesium changes

latest recent version =>  http://chungswebsite.blogspot.com/2020/06/mycesiumflight-osm-openstreetmap.html   

direct play  myCesiumflight_chung.html      (nothing to install, webgl must be enabled)

find the source here => https://sourceforge.net/projects/mycesiumflight/

note : your browser must support html5 localstorage

(28/05/2016) realtime openstreetmap bridges added
(05/06/2016) realtime osm buildings added
(14/06/2016) shadows+save/load buildings on startup
(15/06/2016) ballon added






















Saturday, March 26, 2016

html5 pointillés dotted broken lines draw in canvas

heres an example of how to draw dooted broken lines (lignes pointillé) in html5 javascript canvas

  var contextx=0,contexty=0,contextpattern=0;
function context_moveTo(x,y){
  context.moveTo(x,y);
  contextx=x;contexty=y;
}
function context_lineTo(x,y){
  if(contextpattern==0){context.lineTo(x,y);}
  else if(contextpattern==2){
     var dr=20,dx=(x-contextx),dy=(y-contexty),dn=Math.sqrt(dx*dx+dy*dy)/dr;
     for(var i=0;i<dn;i++){context.moveTo(contextx+i*dx/dn,contexty+i*dy/dn);
           context.lineTo(contextx+i*dx/dn+dx*11/(dr*dn),contexty+i*dy/dn+dy*11/(dr*dn));}
     }
  else{
     var dr=10,dx=(x-contextx),dy=(y-contexty),dn=Math.sqrt(dx*dx+dy*dy)/dr;
     for(var i=0;i<dn;i++){context.moveTo(contextx+i*dx/dn,contexty+i*dy/dn);
           context.lineTo(contextx+i*dx/dn+dx*6/(dr*dn),contexty+i*dy/dn+dy*6/(dr*dn));}
     }
contextx=x;contexty=y;
}

Thursday, March 24, 2016

communicate with html iframe child window

how to easily interact communication between html parent window and child iframe window ?
use html5 localStorage if both parent and child window are in the same folder.
you can find a javascript example in my osm car sim json_osm_webcarsimheight_shadow and mystreetview

=>  http://chungswebsite.blogspot.fr/search/label/json_osm_chung     (free open source) 

Monday, January 25, 2016

read_chung free text to speech txt book reader with 3D avatar

read chung is a small txt reader with 70 multilingual tts text to speech voices from responsivevoice and yandextranslate and animated 3D face avatar written in html5 , javascript and uses jsc3D .
open source, no adds popups.

play it here =>  https://chungkn1400.github.io/read_chung/read_chung/read_chung_helene.html

                 =>  https://chungkn1400.github.io/read_chung/read_chung/read_chung_anne.html

                 =>  https://chungkn1400.github.io/read_chung/read_chung/read_chung_sigourney.html 

you can download it there =>  https://sourceforge.net/projects/read-chung/   (source)

find txt ebooks here => https://www.google.fr/search?q=download+txt+ebook

(15/02/2016) txt ansi format support added (default is utf-8)

Monday, December 21, 2015

3D talking avatar faces free open source chatbot game

look at my new chatbot 3D talking avatars faces i created with latest updated face3D_chung
(anne,carol,clementine,elise,evie,helene,nathalie,sasha,sigourney,sophie,valerie)

=>  https://chungkn1400.github.io/chatbot_chung_small/chatbot_chung_web/chatbot_large_iframe.html

(25/12/2015) talk3D_chung simple example of using obj models created with face3D_chung added

=>  http://chungswebsite.blogspot.fr/2014/06/face3dchung-free-3d-obj-model-with.html