"Mes toiles"

Serenité

Au bord du lac

Mon tableau de 2002

Toile  Léanne

Toile  Alyson

Toiles Minou 

 Toiles oiseux nature

Vin et fruit 

Café chemino

Plage 

Pied nu dans les bois

Sirère des mers

 Déesse des étoiles

Love

Cadre steampunk

sortie du cadre

Papillon 

Valse

Femme colibri

Femme givré

Filette trompette

 ange animé

Jolie balerine

Lutinette

Ici des Aquariums

par johannejo

Aquarium1

Aquarium2

Aquarium

Des poissons a tv

Aquarium sirène

 Femme fleur

Blondinette

Pin up

Miniguette

Chatouille

 Femme Lézard

Figure

dame en rouge

Les fées 

Chat royale

Chaton

Sirènes

 6 Jolie Livre

Pot en fleur

Coeur fleurie 

Petite fée

  Horloge mauve

 Création fleur

Miroir

Horloge

Horloge 2

Fée

Création pot 

Ustensiles noir

Ustensile 3 

Dauphin 

Sirènes des mers

Femme aigle

Divider

Série barre dorée

barre ville

Barre bronze

Barre métal 

Barre de verre

Barre oiseaux

Séries de barres

Barre dorée

Barre diamant 

Barre serpent

 Chandelier

Poisson Émeraude

Voiturette 

Spirale

Insectes

 Des papiers a lettres

Baby shower

Blue jeans

Jeans poche

Rose tendre

Coin bijoux doré

Coin fleur métal

Coin coeur

Coin fleur mauve

Des coins

Cluster Pâques 

 Cluster Coeur

 Cluster fleur de lys

Cadre fée

 Cadre jeans

Cadre bureau

Cadre rose  

Cadre dentelle

Cadre fée

Cadre couple

Cadre Damier 

Cadre Lilas 

Cadre Égyptien 

Cadre violet

Cadres nouveaux

 Cadre déco 

Cadre or

Cadre déco3

Cadre fleur jaune

Cadre de fleur 

Cadre marbré 

  Cadre Stylé 

 Cadre givré 

Cadre tigre 

 Cadre girafle

Cadre zèbre

Cadre rond 

Cadre Ornement 

Cadeau donné par Jopel

Défie c

hez resoya 13 Mai 2017 à 06:04 

 Défie chez cerisele 15 Mai 2017 à 21:48

Défie chez Capucine 15 Mai 2017 à 21:48

 defie de resoya 19 Mai 2017 à 16:09

Chez Babyrock

 Cadeau que j'ai fait pour Jopel

Mes crécrétions chez blingee

l'image es  créer par Johannejo

compteur web gratuit sans pub 

 Des gifs  Papillons sur le web

Vous pouvez  

ajouter mon logo

si vous prenez des créations m'appartenant

 Si vous pensez reconnaitre de vos  créations dans ce blog, écrivez moi  et j'ajouterai votre adresse de  blog a vos  créations  et si je n'ai pas votre accord je les enlèverai tout  simplement

bonne visite a tous

  La Maison de jojo

Mumute

Cluster divers

 Mes favoris

Jopel

Rêves coquelicots

 La maison de Johanne 2

La passion Mumute Jopel

FaraFlash

Les jolies tubes d'Emy

 Betty Boop

 Les flash d'evy

Les hirondelles Jolie-cœur-love 

OrPartage 

Angiefree

DazZariffic

En me promenant  sur le web a la recherche de tubes psp et png,  j'ai collectionner ces jolis tubes,  si toutefois vous reconnaissez des tubes qui vous appartiennes dites le moi  et je les enlèverai

 Servez vous c'est gratuit pour moi ,  alors c'est  gratuit pour tous

Amicalement Oraclebleu

 Tubes Bateaux 

Tubes chat

Tubes dauphins

Tubes Oiseaux 

Tubes fées

Tubes accessoires

Tubes fleurs

Tubes Papillons

Tubes eau vagues

tube ésotérique

Passer votre souris devant le ti- minou il ne se lasse pas de s'amuser avec vous.

Jolie danseuse

Loup fillette

Danseuse flamenco

 Femme songeuse

 Boule ange

Balerine 

Se balance

Fée globe

Le monarque

Cristal fleur 

 Jeune fille

Les créations m'appartiennes

Vous pouvez vous en servir avec le liens de mon  blog

Custom Glitter Text

Glitters ,Graphics

Glitters Photos

 
have a beautiful day my friends images

1000+1 Free Graphics Make Google view image button visible again: https://goo.gl/DYGbub

typewriter

<script src="typewriter_res/howler.core.js">// <![CDATA[ //Avec howler.core.js , pas les erreurs ci-dessous qui venaient avec Audio natif de js: //Autoplay is only allowed when approved by the user, the site is activated by the user, or media is muted. typewriter_canvas.html //NotAllowedError: The play method is not allowed by the user agent or the platform in the current context, possibly because the user denied permission // //Et le son en boucles rapides est bien geré // ]]></script> <!canvas id="myCanvas" tabindex="1" contenteditable="true"> <script>// <![CDATA[ "use strict"; //variables resources*********************************************************** //les images var tw_image = new Image(); tw_image.src = "typewriter_res/underwood5_face.png"; var carriage_image = new Image(); carriage_image.src = "typewriter_res/underwood5_chariot.png"; var roller_presser_image = new Image(); roller_presser_image.src = "typewriter_res/underwood5_presser.png"; var cursor_data = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAIAAAFvNmGqAAAABnRSTlMA/wDyAAASgmejAAAACXBIWXMAABJ0AAASdAHeZh94AAAAWElEQVR42mP8/4kBBKqKShmhTAYGKIsJygXyxEXFgAwgCWSDZBctmw3kx0WlMsA1QWXgAMrZumNdQ3vLmfPnTAyNGiprvD2CoIqFBAWZmJjgyoFsoAhQHAAcayWu6NdAOAAAAABJRU5ErkJggg=="; var cursor_image = new Image(); cursor_image.src = cursor_data; //les sons var typewriter_keydown = new Howl({ src: ['typewriter_res/sounds/typewriter-key.mp3'] }); var typewriter_carriage_return = new Howl({ src: ['typewriter_res/sounds/typewriter-carriage-return.mp3'] }); var typewriter_space = new Howl({ src: ['typewriter_res/sounds/typewriter-spacebar.mp3'] }); var typewriter_bell = new Howl({ src: ['typewriter_res/sounds/typewriter-bell.mp3'] }); var typewriter_forward = new Howl({ src: ['typewriter_res/sounds/typewriter-forward.mp3'] }); //variables globales************************************************************ var width = 2160; var height = 1700; var saved_text = []; var mytexte = []; var message_bienvenue = [];//messages initialisés plus tard en fonction de la langue fr/eng var message1="", message2="", message3="", message4=""; var nb_lines_max = 47-1; var interline = 24; var first_line_height = 20; var marge_sup = 65; var marge_left= 40; var marge_right= 100;//125 var paper_large= 815; var paper_long= 1220; var paper_color= "white";//"#FDEEF4" ; var ink_color="#090000"; var tw_left_position_init=500; var tw_center=1110; var tw_visible_part=494;// 921 pour toute l'image var diff_y_tw_carriage=tw_visible_part-218; var x = tw_left_position_init+ 213 + marge_left; // place du premier caractere de la line var y = height -diff_y_tw_carriage - 235;// place du premier caractere de la line var carriage_position =x; var paper_position =356; var line = 0; var paper_top = 0; var font_conf="14.5px GNUTypewriterStandard"; var char_width=9.01; // Emviron taille font/1.61 ici 14.5/1.609 var fromkeyb=false; var count = 0; var pause = 250; // nb ms avant le prochain caractère var chars; var change_line = false; var draw_in_progress=true; var wait_keyup=false; var show_presser=true; //main************************************************************************** var main_canvas = document.getElementById('myCanvas'); var main_ctx = main_canvas.getContext('2d'); main_canvas.style.display = 'none'; main_canvas.width = width; main_canvas.height = height; main_ctx.fillStyle = ink_color; main_ctx.strokeStyle = 'grey'; main_ctx.font = font_conf; var gradient=main_ctx.createLinearGradient(0,0,0,425);//pour le papier a l'arriere du rouleau gradient.addColorStop(0,"#E0FFFF");//""; gradient.addColorStop(1,"#E8FFFF"); var hidden_canv = document.getElementById('myCanvasHidden'); var hidden_ctx = hidden_canv.getContext('2d'); hidden_ctx.fillStyle = ink_color; hidden_ctx.strokeStyle = 'white';//en blanc pour économiser l'encre si on veut l'imprimer hidden_ctx.font = font_conf; hidden_canv.style.display = 'none'; msg_lang_init() mytexte = message_bienvenue; draw_in_progress=true; //draw(false); deplacé dans : window.addEventListener("load" ....... //function principale: draw **************************************************** function draw(just_redraw) { if (just_redraw==false)count+=1; if (mytexte[line]!= null) { chars = mytexte[line].substr(0, count); } else chars=""; saved_text[line] = chars; // re-dessine tout main_ctx.clearRect(0, 0, main_canvas.width, main_canvas.height); carriage_position=x-(chars.length*char_width); //afficher le chariot main_ctx.drawImage(carriage_image, 0, 0, 1384, 361, carriage_position, height -diff_y_tw_carriage- 386, 1384, 361); //afficher underwood 5 main_ctx.drawImage(tw_image, 0, 0, 1322, tw_visible_part, tw_left_position_init, height - tw_visible_part, 1322, tw_visible_part); main_ctx.beginPath(); //zone papier en arriere parallélépipède main_ctx.fillStyle = gradient; main_ctx.moveTo(carriage_position+paper_position-marge_left+10, height -diff_y_tw_carriage- 390); main_ctx.lineTo(carriage_position+paper_position-marge_left+paper_large+10, height -diff_y_tw_carriage- 390); main_ctx.lineTo(carriage_position+paper_position-marge_left+paper_large, height -diff_y_tw_carriage- 390+150); main_ctx.lineTo(carriage_position+paper_position-marge_left, height -diff_y_tw_carriage- 390+150); main_ctx.lineTo(carriage_position+paper_position-marge_left+10, height -diff_y_tw_carriage- 390); main_ctx.fill(); //zone papier en avant main_ctx.beginPath(); paper_top = y - (interline * line) - marge_sup; main_ctx.rect(carriage_position+paper_position-marge_left, paper_top, paper_large, y+4-paper_top); main_ctx.fillStyle = paper_color; main_ctx.fill(); //main_ctx.strokeStyle = "grey"; //main_ctx.lineWidth = "1"; //main_ctx.stroke(); //texte main_ctx.fillStyle = ink_color; if (line>0){ //afficher toutes les lignes for (var i = 0; i < line; i++) { if (i < saved_text.length - 1) { main_ctx.fillText(saved_text[i], carriage_position+paper_position, y-2 - (interline * (line - i))); //saved_text[i] = mytexte[i]; } } change_line = false; document.getElementById("myCanvas").focus(); //document.getElementById("myCanvas").click(); }else { //effacer la ligne carriage_position=x-(chars.length*char_width); main_ctx.beginPath(); main_ctx.rect(carriage_position+paper_position, y-17, paper_large-40, first_line_height+1); main_ctx.fillStyle = paper_color; main_ctx.fill(); } if (fromkeyb==false && change_line == false){ typewriter_keydown.play();//play key sound } main_ctx.fillStyle = ink_color; main_ctx.fillText(chars, carriage_position+paper_position, y-2); saved_text[line] = chars;//mytexte[line]; //afficher le curseur au centre visualise là où sera tapé le prochain caractère main_ctx.drawImage(cursor_image, 0, 0 , 9, 5, tw_center, y+1, 9, 5); //afficher les rouleaux presseurs if (show_presser==true) main_ctx.drawImage(roller_presser_image, 0, 0, 890, 140, carriage_position+265, height -diff_y_tw_carriage - 344, 890, 116); if (count < mytexte[line].length && main_ctx.measureText(chars).width< (paper_large - marge_right)) { setTimeout(draw, pause, false); // relance la fonction draw(false) } else if (fromkeyb==false && just_redraw==false){ typewriter_carriage_return.play();//le son retour chariot change_line = true; line += 1; count = 0; if (line < nb_lines_max) { if (line < mytexte.length) { setTimeout(draw, pause, false);//relance la fonction draw(false) } else{ if (line>0)line -= 1; draw_in_progress=false; } }else { typewriter_bell.play();//le son bell mytexte[line]=""; saved_text[line]=""; } } fromkeyb=false; } //functions traitement clavier*************************************************** document.addEventListener('keyup', function(event) { const key = event.key; wait_keyup=false; }); document.addEventListener('keydown', function(event) { if (draw_in_progress==false && wait_keyup==false){ const key = event.key; hidden_canv.style.display = 'none'; main_canvas.style.display = 'inline'; document.getElementById("div_button").style.visibility="visible"; if (key === "Backspace" || key === "Delete") { saved_text[line] = saved_text[line].substr(0, saved_text[line].length-1); mytexte = saved_text; typewriter_forward.play(); fromkeyb=true; wait_keyup=true; draw(false); } } }); document.addEventListener('keypress', (event) => { const keyName = event.keyCode; if ((draw_in_progress==false && wait_keyup==false)&&((keyName >= 32 && keyName <= 255) || keyName == 13) && (main_canvas.style.display == 'inline')) { wait_keyup=true; if (line < nb_lines_max) { if (keyName == 13) { saved_text[line] = saved_text[line] + "\n"; line += 1; saved_text[line] = ""; mytexte = saved_text; change_line = true; typewriter_carriage_return.play(); fromkeyb=true; draw(false); } else if ( main_ctx.measureText(saved_text[line]).width< (paper_large - marge_right)){ saved_text[line] = saved_text[line] + String.fromCharCode(keyName); mytexte = saved_text; if (keyName == 32){ typewriter_space.play(); }else typewriter_keydown.play(); fromkeyb=true; draw(false); } else typewriter_bell.play(); }else typewriter_bell.play(); } }); //functions traitement buttons************************************************** function openFile(func) { var readFile = function(e) { var file = e.target.files[0]; if (!file) { return; } var reader = new FileReader(); reader.onload = function(e) { var contents = e.target.result; fileInput.func(contents); document.body.removeChild(fileInput); } reader.readAsText(file); } var fileInput = document.createElement("input"); fileInput.type = "file"; fileInput.style.display = "none"; fileInput.onchange = readFile; fileInput.func = func; document.body.appendChild(fileInput); clickElem(fileInput); } function dispFile(contents) { mytexte = contents.split("\n"); if (mytexte[mytexte.length - 1] == "\n") mytexte = mytexte + ""; count=0; line = 0; draw_in_progress=true; draw(false); document.getElementById("myCanvas").focus(); } //********** function save_canvas_image() { document.getElementById("myCanvas").focus(); hidden_canv.width = paper_large; hidden_canv.height = paper_long; // efface et redessine le canvas caché hidden_ctx.clearRect(0, 0, paper_large, paper_long); hidden_ctx.beginPath(); hidden_ctx.rect(0, 0, paper_large, paper_long); hidden_ctx.fillStyle = "white";//en blanc pour économiser l'encre si on veut l'imprimer hidden_ctx.fill(); hidden_ctx.fillStyle = ink_color; hidden_ctx.font = font_conf; // texte for (var i = 0; i < line+1; i++) { hidden_ctx.fillText(saved_text[i], marge_left, marge_sup + (interline * i)); } main_canvas.style.display = 'none'; hidden_canv.style.display = 'inline'; document.getElementById("div_button").style.visibility="hidden"; alert(message1);//"Pour sauver: Clic droit sur l'ímage puis Sauver l'Image Comme ... ou Imprimer") document.getElementById("myCanvas").focus(); } //********** function save_canvas_text(){ document.getElementById("myCanvas").focus(); hidden_canv.style.display = 'none'; main_canvas.style.display = 'inline'; var name=prompt(message2,"Spong Bob"); if (name){ if (name.trim()!=""){ var filename=name+".txt"; var text=saved_text.join(''); var element = document.createElement('a'); element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)); element.setAttribute('download', filename); element.style.display = 'none'; document.body.appendChild(element); element.click(); document.body.removeChild(element); alert(message3);//("Le fichier est normalement sauvé dans l'espace telechargements de votre navigateur"); }else alert(message4);//("Il faut un nom de fichier"); } document.getElementById("myCanvas").focus(); } ///********** function stop_draw() { document.getElementById("myCanvas").focus(); fromkeyb=true; mytexte=saved_text; draw_in_progress=false; } ///********** function new_page() { document.getElementById("myCanvas").focus(); hidden_canv.style.display = 'none'; main_canvas.style.display = 'inline'; mytexte = []; mytexte[0] = ""; saved_text = mytexte; line = 0; fromkeyb=true; draw(false); draw_in_progress=false; document.getElementById("myCanvas").focus(); } function show_presserfunc() { document.getElementById("myCanvas").focus(); show_presser=document.getElementById("Chkb1").checked; //mytexte = saved_text; draw(true); } function speedfunc(per_ten) { pause=Math.trunc(500/per_ten); } //****************************************************************************** function btn_lang_init(){ var language = window.navigator.userLanguage || window.navigator.language; if (language.slice(0, 2) == 'fr'){ document.getElementById("Bt1").innerHTML="Ouvrir un fichier"; document.getElementById("Bt2").innerHTML="Sauver la page (image)"; document.getElementById("Bt3").innerHTML="Sauver la page (texte)"; document.getElementById("Bt4").innerHTML="Stop"; document.getElementById("Bt5").innerHTML="Nouvelle page"; document.getElementById("Text1").textContent="Montrer les rouleaux presseurs"; document.getElementById("Text2").textContent="Vitesse"; }else{ document.getElementById("Bt1").innerHTML="Open a text file"; document.getElementById("Bt2").innerHTML="Save page (image)"; document.getElementById("Bt3").innerHTML="Save page (text)"; document.getElementById("Bt4").innerHTML="Stop"; document.getElementById("Bt5").innerHTML="New page"; document.getElementById("Text1").textContent= "Show Paper clamps"; //ou "Show paper fingers"; document.getElementById("Text2").textContent="Speed"; } } function msg_lang_init(){ var language = window.navigator.userLanguage || window.navigator.language; if (language.slice(0, 2) == 'fr'){ message_bienvenue = [" Bienvenue sur ce simulateur de machine à écrire \n", "\n", " Presser le bouton \"Nouvelle page\" et taper votre texte\n", " ou\n", " Ouvrez un fichier texte. (max 80 caractères par ligne)\n","\n","\n", ""]; message1="Pour sauver: Clic droit sur l'ímage puis Sauver l'Image Comme ... ou Imprimer......\nPresser la touche Echap pour revenir la page principale."; message2="Entrer un nom de fichier sans extension"; message3="Le fichier est normalement sauvé dans l'espace telechargements de votre navigateur"; message4="Il faut un nom de fichier"; }else{ message_bienvenue = [" Welcome to this typewriter simulator \n", "\n", " Press \"New page\" button then start to write\n", " or\n", " Open a text file. (max 80 characters by line)\n","\n","\n", ""]; message1="To save: Rigth Click on image then Save Image As ... or Print...\nPress Esc key to go back to main page."; message2="Enter a file without extension"; message3="The file is normally saved in your navigator download folder"; message4="A file name is needed"; } } //****************************************************************************** function clickElem(elem) { // Thx user1601638 on Stack Overflow (6/6/2018 - https://stackoverflow.com/questions/13405129/javascript-create-and-save-file ) var eventMouse = document.createEvent("MouseEvents"); eventMouse.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); elem.dispatchEvent(eventMouse); } window.addEventListener("load", function(event) { //Quand toutes les ressources sont chargées document.getElementById("Chkb1").checked=true; document.getElementById("Speed").value=2; main_canvas.style.display = 'inline'; window.scrollTo(0, document.body.scrollHeight);// doit etre fait apres le chargement de la page document.getElementById("myCanvas").focus(); document.getElementById("myCanvas").click(); draw(false); }); // ]]></script>