tag:blogger.com,1999:blog-83211647167408378692024-03-13T18:41:36.723+01:00 JueduLand Blog TIC, ROBÓTICA Y APRENDIZAJE - @antJueduLandAntonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.comBlogger1943125tag:blogger.com,1999:blog-8321164716740837869.post-43086269258959650832021-05-25T20:51:00.018+02:002021-05-27T00:05:37.238+02:00Unas 300 herramientas para "probar" en línea, "sin Flash Player" y sin registrarse (no todas almacenan)<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.mecabricks.com/en/workshop" target="_blank"><img border="0" data-original-height="250" data-original-width="400" height="200" src="https://1.bp.blogspot.com/-Q5gL1GiAUWY/XpKSopFiyTI/AAAAAAAAAEU/-fsEUAxD3uMA6QV0YCRjuQ1q2h9Ur0m1wCPcBGAYYCw/s320/MECABRICKS.jpg" width="320" /></a></div>
<div style="text-align: center;">
<a href="https://www.mecabricks.com/en/workshop" target="_blank">Mecabricks</a></div>
<div>
<br /></div>
<div style="text-align: center;">
<div style="text-align: center;">
<b style="color: #274e13;"><span style="font-size: large;">- Pruébalas sin registrarte -</span></b></div>
<div style="text-align: center;">
<span style="color: #274e13; font-size: small;"><b>(Estas herramientas no precisan Flash Player)</b></span></div><div style="text-align: center;"><span style="color: #274e13; font-size: small;"><b><br /></b></span></div><div style="text-align: center;"><span style="color: #274e13;"><b>Muchas poco conocidas, aunque varias interesantes</b></span></div><div style="text-align: center;"><span style="color: #274e13; font-size: small;"><b><br /></b></span></div><div style="text-align: center;"><span style="color: #274e13; font-size: small;"><b>El contenido se ha adaptado de un blog de pruebas que creé hace unos meses</b></span></div><div style="text-align: center;"><span style="color: #274e13; font-size: small;"><b><a href="https://baulutil.blogspot.com/2020/05/around-300-online-tools-for-testing.html" target="_blank">BaúlÚtil</a></b></span></div>
</div>
<div>
<div style="text-align: center;">
<div style="text-align: left;">
</div>
<ol start="1" style="orphans: 2; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; widows: 2;">
<li><div style="text-align: left;"><span style="color: #990000; font-family: times new roman;"><b>GALERÍAS DE HERRAMIENTAS CREATIVAS</b></span></div>
<div style="text-align: left;">
- Divertido:</div>
<div style="text-align: left;">
<a href="https://toytheater.com/category/art/" target="_blank">Toy Theater</a>.</div>
<div style="text-align: left;">
<a href="http://www.i2symbol.com/" target="_blank">i2Symbol</a>.</div>
<div style="text-align: left;">
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">COLOREAR</span></b></div>
<div style="text-align: left;">
- Divertido:</div>
<div style="text-align: left;">
<a href="https://www.coloring4all.com/" target="_blank">Coloring4all</a>.</div>
<div style="text-align: left;">
<a href="https://www.colorear-online.com/" target="_blank">Colorear online</a>.</div>
<div style="text-align: left;">
<a href="https://www.thecolor.com/" target="_blank">TheColor</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">EDITOR DE CLIPART E ICONOS</span></b></div>
<div style="text-align: left;">
- Divertido:</div>
<div style="text-align: left;">
<a href="http://www.i2clipart.com/" target="_blank">I2Clipart</a>. Baja en la página, selecciona el nombre de la colección y pulsa Edit.</div>
<div style="text-align: left;">
<br /></div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;"><span style="color: #990000;"><b>CREADORES DE AVATARES Y PERSONAJES</b></span></div>
<div style="text-align: left;">
- Divertido:<br />
<a href="https://avachara.com/avatar/" target="_blank">Avachara</a>.</div>
<div style="text-align: left;">
<a href="https://www.creartuavatar.com/index.php" target="_blank">Crea tu avatar</a>.</div>
<div style="text-align: left;">
<a href="https://www.marvelhq.com/create-your-own-super-hero" target="_blank">Create Your Own Super Hero (Marvel)</a>.</div>
<div style="text-align: left;">
<a href="https://www.abcya.com/games/make_a_robot" target="_blank">Make a robot</a>. ABCYa.</div>
<div style="text-align: left;">
<a href="http://www.baseplate.com/toys/minifig/" target="_blank">Minifig Generator</a>.</div>
<div style="text-align: left;">
<a href="https://www.pocoyo.com/pocoyizador" target="_blank">Pocoyize</a>.</div>
<div style="text-align: left;">
- Interesante:</div>
<div style="text-align: left;">
<a href="https://getavataaars.com/?clotheType=CollarSweater&hairColor=Blonde" target="_blank">Avataaars Generator</a>.</div>
<div style="text-align: left;">
<a href="http://doppelme.com/" target="_blank">Doppelme</a>.</div>
<div style="text-align: left;">
<a href="https://www.festisite.com/profile-pictures/instagram/" target="_blank">Festisite Profile Pictures</a>.</div>
<div style="text-align: left;">
<a href="https://www.moeruavatar.com/index_en.shtml" target="_blank">Otaku Avatar Maker</a>.</div>
<div style="text-align: left;">
<a href="https://illustmaker.abi-station.com/index_en.shtml" target="_blank">Portrait Ilustrator Maker</a>.</div>
<div style="text-align: left;">
<a href="https://robohash.org/" target="_blank">Robohash</a>.</div>
<div style="text-align: left;">
<a href="http://www.shrinkpictures.com/create-avatar/" target="_blank">Create Avatar: Shrink Pictures</a>.</div>
<div style="text-align: left;">
<br /></div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>GENERADORES DE TEXTO, BANNERS, LOGOS Y SEÑALES</b></span></div>
<div style="text-align: left;">
- Interesante:</div>
<div style="text-align: left;">
<a href="https://cooltext.com/Logos" target="_blank">CoolText</a>.</div>
<div style="text-align: left;">
<a href="http://wigflip.com/easystreet/" target="_blank">Easystreet</a>.</div>
<div style="text-align: left;">
<a href="https://www.flamingtext.com/" target="_blank">FlamingText</a>.</div>
<div style="text-align: left;">
<a href="https://www.font-generator.com/categories/" target="_blank">Font-generator</a>.</div>
<div style="text-align: left;">
<a href="https://glowtxt.com/" target="_blank">GloTxt</a>.</div>
<div style="text-align: left;">
<a href="https://www.sculpteo.com/en/workshops/create/text/?uuid=JXlvY1aH6KX5apxojx8EKb" target="_blank">Online 3D Text Creation</a>. Sculpteo. Baja en la página.</div>
<div style="text-align: left;">
<a href="http://wigflip.com/signbot/" target="_blank">Singbot</a>.</div>
<div style="text-align: left;">
<a href="https://supalogo.com/" target="_blank">Supalogo</a>.</div>
<div style="text-align: left;">
<a href="https://textcraft.net/" target="_blank">Textcraft</a>.</div>
<div style="text-align: left;">
<a href="https://textanim.com/" target="_blank">Textanim</a>.</div>
<div style="text-align: left;">
<br /></div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;"><span style="color: #990000;"><b>AÑADIR TEXTO A IMÁGENES</b></span><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://addtext.com/" target="_blank">AddText</a>.</div>
<div style="text-align: left;">
<a href="https://bighugelabs.com/captioner.php" target="_blank">Captioner</a>.</div>
<div style="text-align: left;">
<a href="https://phraseit.net/" target="_blank">Phrase-it</a>. Online Speech Bubble Maker.</div>
<div style="text-align: left;">
<a href="https://picfont.com/" target="_blank">PicFont</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="text-align: left;"><span style="color: #990000;"><b>MARCOS Y BORDES</b></span><br />
- Interesante:<br />
<a href="https://www1.lunapic.com/editor/?action=picture-frame&redo=1&frame=5" target="_blank">LunaPic</a>.<br />
<a href="https://www.photofunny.net/cat-photo-frames" target="_blank">PhotoFunny</a>.<br />
<a href="https://www.tuxpi.com/" target="_blank">Tuxpi</a>.<br />
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">fOTOMONTAJES</span></b><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://www.changefaces.com/" target="_blank">ChangeFaces</a>.</div>
<div style="text-align: left;">
<a href="https://www.festisite.com/cardgame/queen_spades/" target="_blank">Festisite Cardgame</a>.</div>
<div style="text-align: left;">
<a href="https://www.festisite.com/documents/drivers-license/uk/" target="_blank">Festisite Documents</a>.</div>
<div style="text-align: left;">
<a href="https://www.festisite.com/money/us_dollar_1/" target="_blank">Festisite Money</a>.<br />
<a href="https://www.tuxpi.com/" target="_blank">Tuxpi</a>.<br />
- Lleno de sorpresas:<br />
<a href="https://photofunia.com/es/categories/faces">PhotoFunia</a>.<br />
<a href="https://www.photofunny.net/" target="_blank">PhotoFunny</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>COLLAGES</b></span><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://www.fotojet.com/apps/?entry=collage" target="_blank">Fotojet</a>.</div>
<div style="text-align: left;">
<a href="https://www.photocollage.com/" target="_blank">Photo Collage</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">TARJETAS, POSTALES Y ANUNCIOS</span></b><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://www.fotojet.com/apps/?entry=collage" target="_blank">Fotojet</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">PÓSTERS<br /></span></b>- Divertido:</div>
<div style="text-align: left;">
<a href="http://www.addletters.com/pictures/bart-simpson-generator/6717039.htm#.Xooo9J9fiXI" target="_blank">Bart Simpson Chalkboard Generator</a>. Escribe el texto debajo de la pizarra.</div>
<div style="text-align: left;">
<a href="https://www.marvelhq.com/create-your-own-super-hero" target="_blank">Create Your Own Super Hero (Marvel)</a>.</div>
<div style="text-align: left;">
- Interesante:</div>
<div style="text-align: left;">
<a href="http://wigflip.com/automotivator/" target="_blank">Automotivator</a>.</div>
<div style="text-align: left;">
<a href="https://www.blockposters.com/create/" target="_blank">Block posters</a>.</div>
<div style="text-align: left;">
<a href="https://www.designcap.com/app/" target="_blank">DesignCap</a>.</div>
<div style="text-align: left;">
<a href="https://www.festisite.com/posters/uncle-sam-wants-you/" target="_blank">Festisite Posters</a>.</div>
<div style="text-align: left;">
<a href="https://www.postermaker.com/" target="_blank">Poster Maker</a>.</div>
<div style="text-align: left;">
<a href="https://quozio.com/" target="_blank">Quozio</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">COMICS E HISTORIAS</span></b><br />
- Divertido:</div>
<div style="text-align: left;">
<a href="https://www.abcya.com/games/story_maker" target="_blank">ABCYa Storymaker</a>.</div>
<div style="text-align: left;">
<a href="https://www.storyboardthat.com/storyboard-creator" target="_blank">Storyboard That</a>.</div>
<div style="text-align: left;">
<a href="https://pbskids.org/pinkalicious/games/pinkcredible-story-maker" target="_blank">Pinkalicious and Peterrifics</a>.</div>
<div style="text-align: left;">
- Interesante:</div>
<div style="text-align: left;">
<a href="https://www.makebeliefscomix.com/Comix/" target="_blank">Make Biliefs Comix</a>.</div>
<div style="text-align: left;">
<a href="https://www.culturestreet.org.uk/activities/picturebookmaker/index.php?id=3" target="_blank">Picture Book Maker</a>.</div>
<div style="text-align: left;">
<a href="http://www.stripcreator.com/make.php" target="_blank">Stripcreator</a>.</div>
<div style="text-align: left;">
<a href="https://www.culturestreet.org.uk/activities/superactioncomicmaker/" target="_blank">Super Action Comic Maker</a>.</div>
<div style="text-align: left;">
<a href="http://www.wittycomics.com/make-comic.php" target="_blank">Witty Comics!</a></div>
<div style="text-align: left;">
<a href="http://writecomics.com/" target="_blank">Writecomics</a>.</div>
</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "times new roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; margin-bottom: 0cm; text-transform: none; white-space: normal; word-spacing: 0px;">
<div style="margin: 0px;">
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div>
<div style="text-align: left;">
<b style="color: #990000; font-family: "times new roman";">EFECTOS Y FILTROS DE IMAGEN</b><span style="font-family: "times new roman";"></span></div>
<div style="text-align: left;">
- Interesante:</div>
<div style="text-align: left;">
<a href="http://www.chami.com/html-kit/services/imge/">Image Embellisher</a>.</div>
<div style="text-align: left;">
<a href="https://www.glitterphoto.net/">Glitterphoto</a>.</div>
<div style="text-align: left;">
<a href="https://mara.photos/">Mara</a>.</div>
<div style="text-align: left;">
<a href="https://www.photofilters.com/">Photo Filters</a>.</div>
<div style="text-align: left;">
<a href="https://photofunia.com/es/categories/filters">PhotoFunia</a>.</div>
<div style="text-align: left;">
<a href="https://www.tuxpi.com/">Tuxpi</a>.</div>
<div style="text-align: left;">
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="https://www1.lunapic.com/editor/">LunaPic</a>.</div>
<div style="font-family: "Times New Roman";">
<div style="text-align: left;">
<span style="font-family: "times new roman";"> </span></div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>IMAGEN: EDITORES DE MAPA DE BITS</b></span><br />
- Divertido:</div>
<div style="text-align: left;">
<a href="https://www.abcya.com/games/mirror_paint" target="_blank">ABCYa Magic Mirror Paint</a>.</div>
<div style="text-align: left;">
<a href="https://www.abcya.com/games/abcya_paint" target="_blank">ABCYa Paint</a>.</div>
<div style="text-align: left;">
<a href="https://www.abcya.com/games/pixel_art" target="_blank">ABCYa Pixel Art</a>.</div>
<div style="text-align: left;">
<a href="https://toytheater.com/doodle-pad/" target="_blank">Doddle Pad</a>.</div>
<div style="text-align: left;">
<a href="http://bomomo.com/" target="_blank">Bomomo</a>.</div>
<div style="text-align: left;">
<a href="https://brush.ninja/" target="_blank">Brush Ninja</a>.</div>
<div style="text-align: left;">
<a href="https://www.escapemotions.com/experiments/flame/index.php" target="_blank">Flame Painter</a>.</div>
<div style="text-align: left;">
<a href="https://kidmons.com/game/paint-online/" target="_blank">Kidsmon Paint Online</a>.</div>
<div style="text-align: left;">
<a href="https://quickdraw.withgoogle.com/#" target="_blank">Quick Draw!</a> Inteligencia Artificial.</div>
<div style="text-align: left;">
<a href="https://sketch.io/mobile/" target="_blank">Sketch Mobile - Multi Touch</a>.</div>
<div style="text-align: left;">
- Interesante:</div>
<div style="text-align: left;">
<a href="https://muro.deviantart.com/" target="_blank">DevianArt Muro</a>.</div>
<div style="text-align: left;">
<a href="https://drawisland.com/" target="_blank">Draw Island</a>.</div>
<div style="text-align: left;">
<a href="http://draw.to/new" target="_blank">Draw.to</a>.</div>
<div style="text-align: left;">
<a href="https://www.fotojet.com/apps/?entry=edit" target="_blank">Fotojet</a>.</div>
<div style="text-align: left;">
<a href="https://mrdoob.com/projects/harmony/#sketchy" target="_blank">Harmony</a>.</div>
<div style="text-align: left;">
<a href="http://www.jswidget.com/index-ipaint.html" target="_blank">iPaint</a>. Pulsa Try iPaint Now.</div>
<div style="text-align: left;">
<a href="https://kleki.com/" target="_blank">Kleki</a>.</div>
<div style="text-align: left;">
<a href="http://lislis.sakura.ne.jp/canvas/paint/paint.html" target="_blank">Lislis Painter</a>.</div>
<div style="text-align: left;">
<a href="http://literallycanvas.com/index.html#" target="_blank">Literally canvas</a>.<br />
<a href="https://www1.lunapic.com/editor/?action=painter-new" target="_blank">LunaPic</a>.</div>
<div style="text-align: left;">
<a href="https://www.photoeditor.com/" target="_blank">Photo Editor</a>.</div>
<div style="text-align: left;">
<a href="https://www.picozu.com/" target="_blank">Picozu</a>.</div>
<div style="text-align: left;">
<a href="https://pixlr.com/x/" target="_blank">Playful PIXLR X</a> - <a href="https://pixlr.com/e/" target="_blank">Advanced PIXLR E</a>.</div>
<div style="text-align: left;">
<a href="https://www.pixilart.com/draw" target="_blank">Pixilart Draw</a>.</div>
<div style="text-align: left;">
<a href="https://galactic.ink/sketchpad/" target="_blank">Sketchpad</a>.</div>
<div style="text-align: left;">
<a href="https://sketchtoy.com/" target="_blank">Sketch Toy</a>.</div>
<div style="text-align: left;">
<a href="https://www.youidraw.com/apps/painter/" target="_blank">YouiDraw</a>.</div>
<div style="text-align: left;">
- Lleno de sorpresas</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/66426737756418/play" target="_blank">GIMP</a>. Cameyo online app.</div>
<div style="text-align: left;">
<a href="https://www1.lunapic.com/editor/#" target="_blank">LunaPic</a>.</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/72483547431292/play" target="_blank">PaintNet</a>. Cameyo online app.</div>
<div style="text-align: left;">
<br /></div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>IMAGEN: EDITORES VECTORIALES</b></span><br />
- Divertido:</div>
<div style="text-align: left;">
<a href="https://www.nctm.org/Classroom-Resources/Illuminations/Interactives/Tessellation-Creator/" target="_blank">Tessellation Creator</a>.</div>
<div style="text-align: left;">
- Interesante:</div>
<div style="text-align: left;">
<a href="https://www.autodraw.com/" target="_blank">AutoDraw</a>.</div>
<div style="text-align: left;">
<a href="https://flamingtext.com/imagebot/editor.jsp" target="_blank">Imagebot</a>.</div>
<div style="text-align: left;">
<a href="https://www.janvas.com/public-apps/janvas_6.2.1/janvas_app_6.2.1/index.php" target="_blank">Janvas</a>.</div>
<div style="text-align: left;">
<a href="http://www.janvas.com/illustrators_designers/applications_websites/janvas2D_application/index_EN.php" target="_blank">Janvas 2D</a>.</div>
<div style="text-align: left;">
<a href="https://editor.method.ac/" target="_blank">Method Draw</a>.</div>
<div style="text-align: left;">
<a href="https://sketch.io/sketchpad/" target="_blank">Sketchpad 5.1</a>.</div>
<div style="text-align: left;">
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/636191713076638118/play" target="_blank">Inkscape</a>. Cameyo online app.</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/99477006179145/play" target="_blank">LibreOffice Draw</a>. Cameyo online app.</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/22691196947330/play" target="_blank">OpenOffice Draw</a>. Cameyo online app.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;"><span style="color: #990000;"><b>OPTIMIZADORES DE IMÁGENES</b></span><br />
- Redimensionar y optimizar:</div>
<div style="text-align: left;">
<a href="https://www.birme.net/" target="_blank">Birme</a>.</div>
<div style="text-align: left;">
<a href="https://www.image-resizer.eu/" target="_blank">Online Image Resizer</a>.</div>
<div style="text-align: left;">
<a href="https://picresize.com/en/edit" target="_blank">PicResize</a>.</div>
<div style="text-align: left;">
<a href="https://resizeimage.net/" target="_blank">ResizeImage</a>.</div>
<div style="text-align: left;">
<a href="https://resizemyimg.com/" target="_blank">ResizeMyImage</a>.</div>
<div style="text-align: left;">
<a href="http://webresizer.com/" target="_blank">Web Resizer</a>.</div>
<div style="text-align: left;">
- Redimensionar:</div>
<div style="text-align: left;">
<a href="https://resizeyourimage.com/" target="_blank">Resize your image</a>.</div>
<div style="text-align: left;">
<a href="https://promo.com/tools/image-resizer/" target="_blank">Promo</a>.</div>
<div style="text-align: left;">
- Encoger:</div>
<div style="text-align: left;">
<a href="https://shrinkme.app/" target="_blank">Shrink me</a>.</div>
<div style="text-align: left;">
- Recortar:</div>
<div style="text-align: left;">
<a href="http://cropp.me/" target="_blank">Cropp.me</a>.</div>
<div style="text-align: left;">
<a href="https://croppola.com/" target="_blank">Cropola</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;"><b><span style="color: #990000;">GIFS ANIMADOS: EFECTOS Y FILTROS</span></b><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://3dthis.com/" target="_blank">3DThis</a>.<br />
<a href="https://www.festisite.com/animated-gifs/endless-face-zoom/" target="_blank">Festisite Animated GIFs</a>.</div>
<div style="text-align: left;">
<a href="https://gifup.com/" target="_blank">GIFup</a>.</div>
<div style="text-align: left;">
<a href="https://gickr.com/" target="_blank">Gikr</a>.</div>
<div style="text-align: left;">
<a href="https://gifmake.com/" target="_blank">Gifmake</a>.<br />
<a href="https://www1.lunapic.com/editor/?action=animation-examples" target="_blank">LunaPic</a>.</div>
<div style="text-align: left;">
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="https://en.bloggif.com/" target="_blank">Bloggif</a>.</div>
<div style="text-align: left;">
<a href="http://freegifmaker.me/" target="_blank">FreeGifMaker</a>.</div>
<div style="text-align: left;">
<a href="https://imgflip.com/gif-maker" target="_blank">Gif Maker - Imgflip</a>.</div>
<div style="text-align: left;">
<a href="https://gifmaker.me/" target="_blank">GifMaker.me</a>.<br />
<a href="https://www.photofunny.net/cat-animations" target="_blank">PhotoFunny</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>ANIMACIÓN: HERRAMIENTAS GRÁFICAS</b></span><br />
- Divertido:</div>
<div style="text-align: left;">
<a href="https://www.abcya.com/games/animate" target="_blank">ABCYa Animate</a>.</div>
<div style="text-align: left;">
- Interesante:<br />
<a href="http://antimatter15.com/ajaxanimator/wave/" target="_blank">Ajax Animator</a>.</div>
<div style="text-align: left;">
<a href="https://flipanim.com/" target="_blank">Flipanim</a>.<br />
<a href="https://www.piskelapp.com/p/agxzfnBpc2tlbC1hcHByEwsSBlBpc2tlbBiAgKC9kZXQCgw/edit" target="_blank">Piskel</a>.<br />
<a href="http://antimatter15.com/ajaxanimator/stick2/stick2.html" target="_blank">Stick 2</a>. Animador de figura de palo.<br />
<a href="https://www.culturestreet.org.uk/activities/stopframeanimator/" target="_blank">Stop Frame Animator</a>.</div>
<div style="text-align: left;">
<a href="https://www.toonytool.com/" target="_blank">Toony Tool</a>.</div>
<div style="text-align: left;">
<br /></div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">ANIMACIÓN: EDITORES DE PROGRAMACIÓN</span></b><br />
- Divertido:</div>
<div style="text-align: left;">
<a href="https://www.apkonline.net/runapk/start-androidapk.html?app=android_blank&apk=scratchjr.apk" target="_blank">ScratchJr</a>. Con emulador Android.</div>
<div style="text-align: left;">
<a href="https://scratch.mit.edu/projects/editor/?tutorial=getStarted" target="_blank">Scratch</a>.</div>
<div style="text-align: left;">
- Interesante:</div>
<div style="text-align: left;">
<a href="https://makecode.microbit.org/" target="_blank">MakeCode Editor for micro:bit</a>. Diseños en la matriz de leds.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">HERRAMIENTAS DE DESEÑO</span></b><br />
- Divertido:</div>
<div style="text-align: left;">
Colecciones: <a href="https://www.abcya.com/search/?term=Maker&type=game&id=1" target="_blank">ABCYA Makers</a>.</div>
<div style="text-align: left;">
Coche. <a href="http://www.3dtuning.com/en-US/" target="_blank">3DTuning</a>.</div>
<div style="text-align: left;">
Vestido. <a href="https://www.mywaydress.com/create-your-dress" target="_blank">Create your dress</a>. MyWayDress.</div>
<div style="text-align: left;">
Vestido. <a href="https://tailornova.com/designer" target="_blank">Tailornova</a>.</div>
<div style="text-align: left;">Camiseta. <a href="https://www.bluecotton.com/designer/" target="_blank">BlueCotton</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>DISEÑADORES DE CASAS</b></span><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://planner5d.com/e/?key=noAuthProject" target="_blank">Planner5D</a>.</div>
<div style="text-align: left;">
<a href="http://www.planyourroom.com/" target="_blank">Plan your room</a>.</div>
<div style="text-align: left;">
<a href="https://roomstyler.com/3dplanner" target="_blank">Roomstyler 3D</a>.</div>
<div style="text-align: left;">
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="https://home.by.me/es/" target="_blank">HomeByMe</a>.</div>
<div style="text-align: left;">
<a href="https://www.spacedesigner3d.com/project/7f0d3f201657a4ae120f2c3a6d25f6915ca615bb" target="_blank">Space Designer 3D</a>.</div>
<div style="text-align: left;">
<br /></div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>3D: EDITORES DE BLOQUES DE CONSTRUCCIÓN</b></span><br />
- Divertido:</div>
<div style="text-align: left;">
<a href="https://toytheater.com/build/" target="_blank">Build Virtual Buildings Blocks</a>.</div>
<div style="text-align: left;">
<a href="https://www.3dslash.net/slash.php?alias=new" target="_blank">3DSlash</a>.</div>
<div style="text-align: left;">
- Interesante:</div>
<div style="text-align: left;">
<a href="http://www.publishyourdesign.com/design" target="_blank">Brick Builder</a>.</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/62117089256239/play" target="_blank">LeoCAD (app en línea)</a>.</div>
<div style="text-align: left;">
<a href="https://usecubes.com/design" target="_blank">Usecubes</a>.</div>
<div style="text-align: left;">
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="https://build.everblocksystems.com/" target="_blank">Everblock Builder</a>.</div>
<div style="text-align: left;">
<a href="https://www.mecabricks.com/en/workshop" target="_blank">Mecabricks</a>.</div>
<div style="text-align: left;">
<br /></div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">3D: EDITORES DE MODELADO</span></b><br />
- Interesante:<br />
<a href="https://3dthis.com/3dtools.htm" target="_blank">3DThis</a>.</div>
<div style="text-align: left;">
<a href="https://jannisx11.github.io/blockbench/" target="_blank">Blockbench</a>.</div>
<div style="text-align: left;">
<a href="https://www.sculpteo.com/en/workshops/create/geometry/?uuid=CqFKREzTjx3qxl8PIuEQr" target="_blank">Create a 3D geometric shape</a>.</div>
<div style="text-align: left;">
<a href="http://www.publishyourdesign.com/modeler" target="_blank">Design something</a>.</div>
<div style="text-align: left;">
<a href="https://www.figuro.io/Designer" target="_blank">Figuro</a>.</div>
<div style="text-align: left;">
<a href="https://www.sculpteo.com/en/workshops/create/image_extrude/?uuid=qGoG3A2VfhjV1p21S02Hmg" target="_blank">Image Extruder</a>. Sculpteo.</div>
<div style="text-align: left;">
<a href="https://labs.sketchfab.com/sculptfab/" target="_blank">Sculptfab</a>.</div>
<div style="text-align: left;">
<a href="http://tridiv.com/" target="_blank">TriVid</a>.</div>
<div style="text-align: left;">
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="https://nunustudio.org/editor/index.html" target="_blank">nunuStudio</a>.</div>
<div style="text-align: left;">
<a href="https://stephaneginier.com/sculptgl/" target="_blank">SculpGL</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">3D: MODELADO MEDIANTE PROGRAMACIÓN POR BLOQUES</span></b><br />
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="http://www.beetleblocks.com/run/" target="_blank">Beetle Blocks</a>.</div>
<div style="text-align: left;">
<a href="https://www.blockscad3d.com/editor/" target="_blank">BlocksCAD</a>.</div>
<div style="text-align: left;"><br /></div></div></div></li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>3D: VISORES</b></span><br />
- Interesante:<br />
<div>
<a href="https://3dthis.com/3dshare.htm" target="_blank">3DThis</a>. Compartir modelos 3D.</div>
</div>
<div style="text-align: left;">
<a href="https://3dviewer.net/" target="_blank">Online 3D Viewer</a>.</div>
<div style="text-align: left;">
<a href="https://gallery.proficad.eu/tools/AutoCAD-Viewer.aspx" target="_blank">ProfiCAD</a>. Visor de AutoCAD.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>CONVERSORES MÚLTIPLES</b></span><br />
(Audio, vídeo, imagen, PDF, documentos, archivos comprimidos, OCR y más)</div>
<div style="text-align: left;">
- Conversores:</div>
<div style="text-align: left;">
<a href="https://convertio.co/es/" target="_blank">Convertio</a>.</div>
<div style="text-align: left;">
<a href="https://www.docspal.com/" target="_blank">DocsPal</a>.</div>
<div style="text-align: left;">
<a href="https://www.online-convert.com/es" target="_blank">Online-Convert</a>.</div>
<div style="text-align: left;">
<a href="https://www.zamzar.com/" target="_blank">Zamzar</a>.</div>
<div style="text-align: left;">
- Con herramientas multimedia:</div>
<div style="text-align: left;">
<a href="https://123apps.com/" target="_blank">123apps</a>.</div>
<div style="text-align: left;">
<a href="https://www.fileconverto.com/" target="_blank">Fileconverto</a>.</div>
<div style="text-align: left;">
<a href="https://www.media.io/" target="_blank">Online UniConverter</a>.</div>
<div style="text-align: left;">
<a href="http://www.sciweavers.org/" target="_blank">Sciweavers</a>.</div>
<div style="text-align: left;">
<a href="http://www.swiftconverter.com/" target="_blank">SwiftConverter</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>CONVERSORES DE PDF Y DOCUMENTOS</b></span><br />
- Lector y anotación:</div>
<div style="text-align: left;">
<a href="http://www.pdfonlinereader.com/WebPdf2/" target="_blank">PDF Online Reader</a>.</div>
<div style="text-align: left;">
- Editor PDF y relleno de formularios:</div>
<div style="text-align: left;">
<a href="https://www.pdfescape.com/?noredirect=true" target="_blank">PDFescape</a>.</div>
<div style="text-align: left;">
- Rotar:</div>
<div style="text-align: left;">
<a href="https://www.rotatepdf.net/" target="_blank">Rotate PDF</a>.</div>
<div style="text-align: left;">
- Cortar:</div>
<div style="text-align: left;">
<a href="https://croppdf.com/" target="_blank">Crop PDF</a>.</div>
<div style="text-align: left;">
- Unir:</div>
<div style="text-align: left;">
<a href="http://www.mergefil.es/" target="_blank">MergeFil</a>.</div>
<div style="text-align: left;">
<a href="https://pdfmerge.w69b.com/" target="_blank">PDF Mergy</a>.</div>
<div style="text-align: left;">
- Extraer contenido:</div>
<div style="text-align: left;">
<a href="https://www.extractpdf.com/" target="_blank">ExtractPDF</a>.</div>
<div style="text-align: left;">
- Conversores:</div>
<div style="text-align: left;">
<a href="https://www.convertpdftoword.net/doctopdf/" target="_blank">Convert PDF to Word</a> (y más).</div>
<div style="text-align: left;">
<a href="https://docupub.com/pdfconvert/" target="_blank">DocuPub</a>.</div>
<div style="text-align: left;">
<a href="https://www.investintech.com/resources/freetools/" target="_blank">Investintech PDF Solutions</a>.</div>
<div style="text-align: left;">
- Conversores con más herramientas:</div>
<div style="text-align: left;">
<a href="https://www.konwerter.net/" target="_blank">Conwerter</a>.</div>
<div style="text-align: left;">
<a href="https://foxyutils.com/" target="_blank">FoxyUtils</a>. No convierte sin registrarse. Solo para probar.</div>
<div style="text-align: left;">
<a href="https://www.ilovepdf.com/" target="_blank">ILovePDF</a>.</div>
<div style="text-align: left;">
<a href="https://smallpdf.com/" target="_blank">Smallpdf</a>.</div>
<div style="text-align: left;">
<a href="http://www.pdfaid.com/" target="_blank">PDFaid</a>.</div>
<div style="text-align: left;">
<a href="https://pdfcandy.com/" target="_blank">PDFCandy</a>.</div>
<div style="text-align: left;">
<a href="https://pdfsimpli.com/" target="_blank">PDFSimpli</a>. No convierte sin registrarse. Solo para probar.</div>
<div style="text-align: left;">
<a href="https://www.sejda.com/" target="_blank">Sejda</a>.</div>
</div>
</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "times new roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; margin-bottom: 0cm; text-transform: none; white-space: normal; word-spacing: 0px;">
<div style="margin: 0px;">
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">CONVERSORES DE IMÁGENES</span></b><br />
- Imagen a documento OCR:</div>
<div style="text-align: left;">
<a href="https://www.newocr.com/" target="_blank">Free Online OCR</a>.</div>
<div style="text-align: left;">
- Image y PDF a documento OCR:</div>
<div style="text-align: left;">
<a href="http://www.i2ocr.com/" target="_blank">i2OCR</a>.</div>
<div style="text-align: left;">
<a href="https://ocr.space/" target="_blank">OCR.space</a>.</div>
<div style="text-align: left;">
<a href="https://www.onlineocr.net/" target="_blank">Oline OCR</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">CAPTURADORES DE PANTALLA</span></b><br />
- Pantalla:</div>
<div style="text-align: left;">
<a href="https://www.rapidtables.com/tools/screenshot.html" target="_blank">RapidTablets Screenshot</a>.</div>
<div style="text-align: left;">
- Páginas web:</div>
<div style="text-align: left;">
<a href="https://www.bounceapp.com/" target="_blank">Bounce</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;"><span style="color: #990000;"><b>AUDIO: CONVERSORES Y HERRAMIENTAS</b></span><br />- Cortar:</div>
<div style="text-align: left;">
<a href="https://cutmp3.net/" target="_blank">Cut MP3 Online</a>.</div>
<div style="text-align: left;">
- Texto a audio:</div>
<div style="text-align: left;">
<a href="https://www.naturalreaders.com/online/" target="_blank">Natural Readers</a>.</div>
<div style="text-align: left;">
<a href="https://www.text2speech.org/" target="_blank">tex2speech</a>.</div>
<div style="text-align: left;">
- Conversor:</div>
<div style="text-align: left;">
<a href="https://js-audio-converter.com/sp" target="_blank">JS Audio Converter</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">AUDIO: EDITORES</span></b><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://www.bearaudiotool.com/sp/" target="_blank">Bear Audio Editor</a>.</div>
<div style="text-align: left;">
<a href="https://twistedwave.com/online" target="_blank">TwistedWave</a>. Mono.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">AUDIO: GRABADORES <br /></span></b>- Grabador de audio y compartir (QR, enlace):</div>
<div style="text-align: left;">
<a href="https://vocaroo.com/" target="_blank">Vocaroo</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="text-align: left;">
<b><span style="color: #990000;">HERRAMIENTAS MUSICALES</span></b><br />
- Divertido:</div>
<div style="text-align: left;">
<a href="https://www.abcya.com/games/bandemonium" target="_blank">ABCYa Bandemonium</a>.</div>
<div style="text-align: left;">
<a href="https://www.abcya.com/games/sound_burst" target="_blank">ABCYa Sound Burst</a>.</div>
<div style="text-align: left;">
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;"><span style="color: #990000;"><b>VÍDEO: CONVERSORES Y HERRAMIENTAS</b></span><br />
- Video sin anuncios ni distraciones:</div>
<div style="text-align: left;">
<a href="http://www.viewpure.com/" target="_blank">viewpure</a>.</div>
<div style="text-align: left;">
<a href="https://watchkin.com/" target="_blank">Watchkin</a>.</div>
<div style="text-align: left;">
- Cortar:</div>
<div style="text-align: left;">
<a href="https://ytcropper.com/" target="_blank">ytCropper</a>.</div>
<div style="text-align: left;">
- Solo conversores:</div>
<div style="text-align: left;">
<a href="https://www.apowersoft.com/video-to-mp3" target="_blank">Apowersoft</a>. Vídeo a mp3.</div>
<div style="text-align: left;">
<a href="https://www.clipconverter.cc/es/2/" target="_blank">ClipConverter</a>.</div>
<div style="text-align: left;">
- Conversores con más herramientas multimedia:</div>
<div style="text-align: left;">
<a href="https://www.apowersoft.com/online-video-editor" target="_blank">Apowersoft</a>.</div>
<div style="text-align: left;">
<a href="https://clideo.com/tools" target="_blank">Clideo</a>.</div>
<div style="text-align: left;">
<a href="https://imagetovideo.com/" target="_blank">Image to Video</a>.</div>
<div style="text-align: left;">
<a href="https://www.kapwing.com/tools" target="_blank">Kapwing</a>.</div>
<div style="text-align: left;">
- Editar un vídeo:</div>
<div style="text-align: left;">
<a href="https://www.veed.io/" target="_blank">VEED</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>VÍDEO: EDITORES Y CREADORES</b></span><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://clideo.com/editor/video-maker" target="_blank">Clideo</a>.</div>
<div style="text-align: left;">
<a href="https://www.kizoa.es/" target="_blank">Kizoa</a>. No guarda sin registrarse. Solo para probar.</div>
<div style="text-align: left;">
<a href="https://panzoid.com/tools/videoeditor" target="_blank">Panzoid</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>VÍODEO: CAPTURADORES DE PANTALLA</b></span><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://screenapp.io/#/" target="_blank">Online Screen Recorder</a>.</div>
<div style="text-align: left;">
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">PAQUETES OFIMÁTICOS</span></b><br />
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/88526461661108/play" target="_blank">LibreOffice</a>. Cameyo online app.</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/635145205139877083/play" target="_blank">OpenOffice</a>. Cameyo online app.</div>
<div style="text-align: left;">
<a href="https://www.ssuiteoffice.com/software.htm" target="_blank">SSuite Office Online</a> - <a href="https://www.ssuiteoffice.com/categories/webapps.htm" target="_blank">Online Webs Aaps</a>.<br /><br /></div></div></div></li><li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;"><div style="-webkit-text-stroke-width: 0px; font-family: "times new roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; letter-spacing: normal; margin: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><div style="text-align: left;"><b style="font-family: "Times New Roman";"><span style="color: #990000;">PROCESADORES DE TEXTO</span></b><br />
- <span style="font-family: "Times New Roman";">Divertido</span>:</div>
</div>
<div style="text-align: left;">
<a href="https://www.abcya.com/games/friendly_letter_maker" target="_blank">ABCYa The Friendly Letter Creator</a>.</div>
<div style="text-align: left;">
<a href="https://www.abcya.com/games/write_a_letter_to_santa" target="_blank">ABCYa Write a letter to Santa</a>.</div>
<div style="text-align: left;">
- Interesante:</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/636296758959995072/play" target="_blank">WordPad</a>. Online app.</div>
<div style="text-align: left;">
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/8654868483981/play" target="_blank">LibreOffice Writer</a>. Cameyo online app.</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/78682238499923/play" target="_blank">OpenOffice Writer</a>. Cameyo online app.</div>
<div style="-webkit-text-stroke-width: 0px; color: black; font-family: "times new roman"; font-size: medium; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: 400; letter-spacing: normal; margin: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">TELEPROMPTERS</span></b></div>
<div style="text-align: left;">
- Interesante:</div>
<div style="text-align: left;">
<a href="http://www.freeteleprompter.org/" target="_blank">Autocue Teleprompter</a>.</div>
<div style="text-align: left;">
<a href="https://cueprompter.com/" target="_blank">CuePrompter</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>PRESENTACIONES</b></span><br />
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/97043050297028/play" target="_blank">LibreOffice Impress</a>. Online app.</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/16727497285329/play" target="_blank">OpenOffice Impress</a>. Online app.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>DIAGRAMAS, MAPAS MENTALES E INFOGRAFÍAS</b></span><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://app.diagrams.net/">app.diagrams.net</a>.<br />
<a href="https://creately.com/lp/uml-diagram-tool/" target="_blank">aCreately: UML Diagram Tool</a>.</div>
<div style="text-align: left;">
<a href="https://www.breakdown-notes.com/make" target="_blank">Breakdown Notes</a>.</div>
<div style="text-align: left;">
<a href="https://bubbl.us/" target="_blank">Bubbl.us</a>.</div>
<div style="text-align: left;">
<a href="https://ncase.me/loopy/v1.1/" target="_blank">Loopy</a>.</div>
<div style="text-align: left;">
<a href="https://app.mindmapmaker.org/#m:new" target="_blank">Mindmap Maker</a>.</div>
<div style="text-align: left;">
<a href="https://mind-map-online.de/" target="_blank">mind-map-online.de</a>.</div>
<div style="text-align: left;">
<a href="https://www.vecteezy.com/free-vector/infographic" target="_blank">Vecteezy</a>.</div>
<div style="text-align: left;">
<a href="https://time.graphics/es/editor" target="_blank">Time Graphics</a>.</div>
<div style="text-align: left;">
- Lleno de sorpresas</div>
<div style="text-align: left;">
<a href="https://www.draw.io/" target="_blank">Draw.io</a>.</div>
<div style="text-align: left;">
<a href="https://www.mindmaps.app/#" target="_blank">Mindmaps</a>.</div>
<div style="text-align: left;">
<a href="https://www.mindmup.com/" target="_blank">Mindmup</a>.</div>
<div style="text-align: left;">
<a href="https://online.visual-paradigm.com/drive/#diagramlist:proj=0&new=ThreatModelDiagram" target="_blank">Visual Paradigm Online Diagram</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">NUBES DE PALABRAS</span></b><br />
- Divertido:</div>
<div style="text-align: left;">
<a href="https://www.abcya.com/games/word_clouds" target="_blank">ABCYa Word Cloud</a>.</div>
<div style="text-align: left;">
- Interesante:</div>
<div style="text-align: left;">
<a href="https://www.festisite.com/text-layout/word-cloud/" target="_blank">Festisite Word Cloud</a>.</div>
<div style="text-align: left;">
<a href="https://tagcrowd.com/" target="_blank">TagCrowd</a>.</div>
<div style="text-align: left;">
<a href="http://www.tagxedo.com/" target="_blank">Tagxedo</a>.</div>
<div style="text-align: left;">
<a href="https://wordart.com/" target="_blank">Word Art</a>.</div>
<div style="text-align: left;">
<a href="https://www.jasondavies.com/wordcloud/" target="_blank">Word Cloud Generator</a>.</div>
<div style="text-align: left;">
<a href="https://www.wordclouds.com/" target="_blank">WordClouds</a>.</div>
<div style="text-align: left;">
<a href="https://worditout.com/word-cloud/create" target="_blank">WordItOut</a>.</div>
<div style="text-align: left;">
<a href="https://wordsift.org/" target="_blank">Wordsfift</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="text-align: left;">
<span style="color: #990000;"><b>CALCULADORAS Y CONVERSORES DE UNIDADES</b></span><br />
- Básica:</div>
<div style="text-align: left;">
<a href="https://www.calculator.com/" target="_blank">Calculator.com</a>.</div>
<div style="text-align: left;">
<a href="https://calculator-1.com/" target="_blank">Calculator-1.com</a>.</div>
<div style="text-align: left;">
<a href="https://www.online-calculator.com/simple-full-screen-calculator/" target="_blank">Online Calculator (simple)</a>.</div>
<div style="text-align: left;">
<a href="https://www.online-calculator.com/full-screen-calculator/" target="_blank">Online Calculator</a>.</div>
<div style="text-align: left;">
- Científica:</div>
<div style="text-align: left;">
<a href="http://calculator.net/" target="_blank">Calculator.net</a>.</div>
<div style="text-align: left;">
<a href="https://www.desmos.com/scientific" target="_blank">Desmos</a>.</div>
<div style="text-align: left;">
<a href="http://www.escolar.com/Calculator.htm" target="_blank">Escolar.com</a>.</div>
<div style="text-align: left;">
<a href="https://www.geogebra.org/cas" target="_blank">Geogebra Calculadora CAS</a>.</div>
<div style="text-align: left;">
<a href="https://www.numerics.info/" target="_blank">Numerics</a>.</div>
<div style="text-align: left;">
<a href="https://www.tcsion.com/OnlineAssessment/ScientificCalculator/Calculator.html" target="_blank">TSC iON</a>.</div>
<div style="text-align: left;">
<a href="https://web2.0calc.com/" target="_blank">Web2.0calc</a>.</div>
<div style="text-align: left;">
- Editores avanzados:</div>
<div style="text-align: left;">
<a href="https://calcme.com/a" target="_blank">Calcme</a>.</div>
<div style="text-align: left;">
<a href="https://keisan.casio.com/calculator" target="_blank">Keisan</a>.</div>
<div style="text-align: left;">
- Curiosidades:</div>
<div style="text-align: left;">
<a href="http://www.escolar.com/calcu.htm#" target="_blank">Escolar.com</a>.</div>
<div style="text-align: left;">
- Hora:</div>
<div style="text-align: left;">
<a href="https://everytimezone.com/" target="_blank">Every Time Zone</a>.</div>
<div style="text-align: left;">
<a href="https://www.worldtimebuddy.com/" target="_blank">World Time Buddy</a>.</div>
<div style="text-align: left;">
- Conversores de unidades:</div>
<div style="text-align: left;">
<a href="http://www.convertidordemedidas.com/" target="_blank">Convertidor Automático</a>.</div>
<div style="text-align: left;">
<a href="http://convertworld.com/" target="_blank">convertworld.com</a>.</div>
<div style="text-align: left;">
<a href="http://www.conversordeunidades.org/" target="_blank">Conversor de Unidades.org</a>.</div>
<div style="text-align: left;">
<a href="https://jumk.de/calc/longitud.shtml" target="_blank">Measurecalc</a>.</div>
<div style="text-align: left;">
<a href="https://www.tutiempo.net/meteorologia/convertir-unidades.html" target="_blank">TuTiempo</a>.</div>
<div style="text-align: left;">
<a href="http://www.valvias.com/prontuario-conversor-de-unidades.php" target="_blank">Valvias</a>.</div>
<div style="text-align: left;">
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="https://www.calculator.com/" target="_blank">Calculator.com</a>.</div>
<div style="text-align: left;">
<a href="https://calculator-1.com/" target="_blank">Calculator-1.com</a>.</div>
<div style="text-align: left;">
<a href="http://calculator.net/" target="_blank">Calculator.net</a>.</div>
<div style="text-align: left;">
<a href="http://www.calculatorpro.com/" target="_blank">CalculatorPro</a>.</div>
<div style="text-align: left;">
<a href="https://keisan.casio.com/" target="_blank">Keisan Online Calculator</a> (Casio).</div>
<div style="text-align: left;">
<a href="https://www.numerics.info/converter" target="_blank">Numerics</a>.</div>
<div style="text-align: left;">
<a href="https://www.online-calculator.com/" target="_blank">Online-calculator</a>.</div>
<div style="text-align: left;">
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">HOJAS DE CÁLCULO</span></b><br />
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/83011016800719/play" target="_blank">LibreOffice Calc</a>. Cameyo online app.</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/78682238499923/play" target="_blank">OpenOffice Calc</a>. Cameyo online app.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">GRÁFICOS Y GRÁFICAS</span></b><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://www.chartgo.com/index.jsp" target="_blank">ChartGo</a>.</div>
<div style="text-align: left;">
<a href="https://charts.hohli.com/" target="_blank">Hohli</a>.</div>
<div style="text-align: left;">
<a href="https://nces.ed.gov/nceskids/createagraph/Default.aspx" target="_blank">NCES Create a graph</a>.</div>
<div style="text-align: left;">
<a href="https://www.onlinecharttool.com/graph" target="_blank">Online Charts</a>.</div>
<div style="text-align: left;">
<a href="https://piecolor.com/" target="_blank">PieColor</a>.</div>
<div style="text-align: left;">
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="https://livegap.com/charts/app.php?lan=es" target="_blank">LiveGap Charts</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;"><span style="color: #990000;"><b>BASES DE DATOS: HERRAMIENTAS DE GESTIÓN</b></span><br />
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/apps/49149498983252/play" target="_blank">LibreOffice Base</a>. Cameyo online app.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">PUBLICACIÓN WEB</span></b><br />
- Fast URL:</div>
<div style="text-align: left;">
<a href="https://justpaste.it/" target="_blank">Just.Paste.it</a>.</div>
<div style="text-align: left;">
<a href="http://www.pageorama.com/?p" target="_blank">pageOrama</a>.</div>
<div style="text-align: left;">
<a href="https://telegra.ph/" target="_blank">Telefraph</a>.</div>
<div style="text-align: left;">
- Lleno de sorpresas</div>
<div style="text-align: left;">
<a href="https://www.ssuiteoffice.com/software.htm" target="_blank">SSuite Office Online</a> - <a href="https://www.ssuiteoffice.com/categories/webapps.htm" target="_blank">Online Webs Aaps</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;"><span style="color: #990000;"><b>ENCUESTAS TIPO POLLS</b></span><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://answergarden.ch/" target="_blank">AnswerGarden</a>.</div>
<div style="text-align: left;">
<a href="https://pollcode.com/" target="_blank">Poll Code</a>.</div>
<div style="text-align: left;">
<a href="http://www.polljunkie.com/" target="_blank">Poll Junkie</a>.</div>
<div style="text-align: left;">
<a href="https://www.poll-maker.com/" target="_blank">Poll Maker</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">CUESTIONARIOS</span></b><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://www.quiz-maker.com/" target="_blank">Quiz Maker</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">ENCUESTAS GENERALES</span></b><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://www.poll-maker.com/Surveys" target="_blank">Survey Maker</a>.</div>
<div style="text-align: left;">
<span style="color: #990000;"> </span></div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;"><span style="color: #990000;"><b>PROGRAMACIÓN CON BLOQUES: RETOS Y JUEGOS </b></span><br />
- Tipo tortuga Logo:</div>
<div style="text-align: left;">
<a href="https://studio.code.org/s/artist/stage/1/puzzle/1" target="_blank">Artista code.org</a>.<br /><a href="https://blockly.games/turtle?lang=en" target="_blank">Blocky Games</a>. Turtle.<br />- Colecciones de juegos.<br /><a href="https://blockly.games/?lang=en" target="_blank">Blockly Games</a>.<br /><a href="https://code.org/hourofcode/overview" target="_blank">Hora del código</a>. code.org.<br />Pilas bloques: <a href="https://pilasbloques.program.ar/online/#/libros/1" target="_blank">Primer Ciclo</a> - <a href="https://pilasbloques.program.ar/online/#/libros/2" target="_blank">Segundo Ciclo</a>.</div>
<div style="text-align: left;"> </div></div></div></li><li><div style="text-align: left;"><div><span style="color: #990000;"><b>PROGRAMACIÓN CON BLOQUES: EDITORES GRÁFICOS</b></span><br /><div>- Historias, animaciones y juegos 2D:</div><div><a href="https://www.apkonline.net/runapk/start-androidapk.html?app=android_blank&apk=scratchjr.apk" target="_blank">ScratchJr</a>. Con emulador Android.</div><div><a href="https://scratch.mit.edu/projects/editor/?tutorial=getStarted" target="_blank">Scratch</a>.<br /><a href="https://kitten.code.game" target="_blank">Kitten</a>.<br /><b style="color: #990000;"><br /></b></div></div></div></li><li><div><b style="color: #990000;">PROGRAMACIÓN CON BLOQUES: MUNDOS 3D<br /></b>- Interesante: <br /><a href="https://box.code.game" target="_blank">Box</a>. <br /><br /></div></li><li><div><div><b><span style="color: #990000;">CREADORES GENERALES DE JUEGOS</span></b><br />- 3D:</div><div><a href="https://agentcubesonline.com/Ristretto3D/public/Ristretto3D.html?nid=1393084&edit=true&hour_of_code&language=English" target="_blank">Agent Cubes online</a>.</div><div><a href="https://ceilfire.com/editor" target="_blank">CeilFire</a>.</div><br /></div></li><li><div><b style="color: #990000;">ROBÓTICA: PROGRAMACIÓN CON BLOQUES</b><br /><div>- Micro:bit: <br /><a href="https://makecode.microbit.org/" target="_blank">MakeCode Editor for micro:bit</a>. Con simulador.*</div><div>- Root:<br /><a href="https://code.irobot.com/#/" target="_blank">iRobot</a>. Con simulador.*<br />- Varias placas y robots:<br /><a href="https://ide.mblock.cc/#/" target="_blank">mBlock</a>. Makeblock.<br /><a href="https://lab.open-roberta.org/" target="_blank">Open Roberta</a>. Con simulador para micro:bit, Calliope, MindStorms (NXT y eV3) y mBot.*<br /><br /></div></div></li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>COMPARTIR ARCHIVOS</b></span><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://www.filedropper.com/index.php" target="_blank">File Dropper</a>.</div>
<div style="text-align: left;">
<a href="https://www.justbeamit.com/" target="_blank">JustBeamit</a>.</div>
<div style="text-align: left;">
<a href="https://sharefiles.app/" target="_blank">ShareFiles</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>URLs: HERRAMIENTAS</b></span></div>
<div style="text-align: left;">
- Acortadores:</div>
<div style="text-align: left;">
<a href="https://bitly.com/" target="_blank">bit.ly</a>.</div>
<div style="text-align: left;">
<a href="https://tinyurl.com/" target="_blank">Tiny.url</a>.</div>
<div style="text-align: left;">
<a href="https://v.gd/" target="_blank">v.gd</a>.</div>
<div style="text-align: left;">
- Desacortadores:</div>
<div style="text-align: left;">
<a href="https://linkexpander.com/" target="_blank">Link Expander & Decryper</a>.</div>
<div style="text-align: left;">
- Múltiples URLs en una:</div>
<div style="text-align: left;">
<a href="http://bridgeurl.com/" target="_blank">BridgeUrl</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;"><span style="color: #990000;"><b>CÓDIGOS QR</b></span><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://www.qr-code-generator.com/" target="_blank">QR Code Generator</a>.</div>
<div style="text-align: left;">
<a href="https://www.qrcode-monkey.com/" target="_blank">QR Code Monkey</a>.</div>
<div style="text-align: left;">
<a href="http://www.smallqr.com/" target="_blank">SmallQR</a>.</div>
<div style="text-align: left;">
- Lleno de sorpresas:</div>
<div style="text-align: left;">
<a href="http://mqr.kr/" target="_blank">MQR (Must QRcode)</a>.</div>
<div style="text-align: left;">
<a href="https://www.qrstuff.com/" target="_blank">QR Stuff</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;"><b><span style="color: #990000;">PIZARRAS COLABORATIVAS</span></b><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://awwapp.com/?utm_source=zapier.com&utm_medium=referral&utm_campaign=zapier#" target="_blank">AWWW Whiteboard</a>.</div>
<div style="text-align: left;">
<a href="https://www.bitpaper.io/" target="_blank">BitPaper</a>.</div>
<div style="text-align: left;">
<a href="https://draw.chat/" target="_blank">Draw.chat</a>.</div>
<div style="text-align: left;">
<a href="https://whiteboard.explaineverything.com/" target="_blank">Explain Everything</a>.</div>
<div style="text-align: left;">
<a href="https://www.groupboard.com/demo/groupboard-online-whiteboard-demo.shtml" target="_blank">Groupboard</a>.</div>
<div style="text-align: left;">
<a href="http://www.notebookcast.com/" target="_blank">NotebookCast</a>.</div>
<div style="text-align: left;">
<a href="https://sketchtogether.com/" target="_blank">Sketch Together</a>.</div>
<div style="text-align: left;">
<a href="https://www.twiddla.com/" target="_blank">Twiddla</a>.</div>
<div style="text-align: left;">
<a href="https://wbo.openode.io/" target="_blank">WBO</a>.</div>
<div style="text-align: left;">
<a href="https://www.webwhiteboard.com/" target="_blank">Web Whiteboard</a>.</div>
<div style="text-align: left;">
<a href="https://whiteboardfox.com/" target="_blank">Whiteboard Fox</a>.</div>
<div style="text-align: left;">
<a href="https://app.ziteboard.com/" target="_blank">Ziteboard</a>. Borrar todo antes de empezar un nuevo proyecto.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<span style="color: #990000;"><b>VIDEO COMUNICACIÓN</b></span><br />
- Vídeoconferencia:</div>
<div style="text-align: left;">
<a href="https://jitsi.org/jitsi-meet/" target="_blank">Jitsi Meet</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="text-align: left;">
<span style="color: #990000;"><b>GENERADORES DE FICHAS</b></span><br />
- Matemáticas:<br />
<a href="https://www.calculator.com/worksheets.php" target="_blank">Calculator.com</a> (<a href="https://www.calculator.com/exercises.php" target="_blank">Excercises</a>).</div>
<div style="text-align: left;">
</div>
</li>
<li><div style="margin-bottom: 0cm; orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">MÁS HERRAMIENTAS</span></b><br />
- Interesante:</div>
<div style="text-align: left;">
<a href="https://imgflip.com/memegenerator" target="_blank">imgflip</a>.</div>
<div style="text-align: left;">
<a href="https://www.sayable.co/" target="_blank">Sayable</a>.</div>
<div style="text-align: left;">
</div>
</div>
</div>
</li>
<li><div style="text-align: left;">
<span style="color: #990000;"><b>COLECCIONES DE JUEGOS</b></span><br />
- Educativos:</div>
<div style="text-align: left;">
<a href="https://www.abcya.com/" target="_blank">ABCYa</a>.</div>
<div style="text-align: left;">
</div>
</li>
<li><div style="orphans: 2; widows: 2;">
<div style="margin: 0px;">
<div style="text-align: left;">
<b><span style="color: #990000;">GALERÍA DE BUŚQUEDAS</span></b><br />
- Full of surprises:</div>
<div style="text-align: left;">
<a href="https://online.cameyo.com/public" target="_blank">Cameyo online apps</a>.</div>
<div style="text-align: left;">
<a href="https://www.lhouleedtools.com/" target="_blank">LhouleEdTools</a>.</div>
<div style="text-align: left;">
<a href="https://nathanghall.wordpress.com/webtools-no-registration-needed-for-students/" target="_blank">Nathan Hall</a>. </div>
<div style="text-align: left;">
<a href="https://www.schrockguide.net/online-tools.html" target="_blank">Online Tools and Web 2.0 Applications</a>. Kathy Schrock's Guide to Everything.</div>
</div>
</div>
</li>
</ol>
</div>
</div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-36921296512807765102019-05-20T19:27:00.000+02:002020-02-16T19:41:04.248+01:00¡Diviértete y sorprendete con micro:bit! - Mini prácticas básicasEnlazo un breve documento con algunas mini prácticas micro:bit de nivel básico pensadas para indistintamente probar el simulador en web o la placa física.<br />
<br />
No es una versión definitiva del documento, pero sí que el contenido presenta ya una serie de ejemplos y orientaciones iniciales para realizar las prácticas.<br />
<br />
Espero que sea de ayuda.<br />
<br />
<div style="text-align: center;">
<a href="https://drive.google.com/file/d/1Vy0NZgsAJxenGKleoGhnmPGtc4ejrHWo/view?usp=sharing" target="_blank"> Ver "Primer contacto"</a></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://drive.google.com/file/d/1Vy0NZgsAJxenGKleoGhnmPGtc4ejrHWo/view?usp=sharing" target="_blank"><img alt="https://drive.google.com/file/d/1i95QFtjX7dMqoMWvoyl_zxAUwh7X2oSm/view?usp=sharing" border="0" data-original-height="566" data-original-width="398" height="320" src="https://1.bp.blogspot.com/-1jLWZNHMYk8/XOLiijIFylI/AAAAAAAADK0/Cnpu7zF7-N8KG-jCOcU2I1g2OcIsw5eOACLcBGAs/s320/microbitb%25C3%25A1sico.png" width="225" /></a></div>
<div style="text-align: center;">
<br />
Adjunto otro documento con menos prácticas pero que avanza a aspectos básicos antes, también en versión de borrador:<br />
<br />
<a href="https://drive.google.com/file/d/1uhmEeQ7FfLBBxXUSiTlKWP3vcawPWGan/view?usp=sharing" target="_blank">Ver "Secuencia rápida"</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://drive.google.com/file/d/1uhmEeQ7FfLBBxXUSiTlKWP3vcawPWGan/view?usp=sharing" target="_blank"><img alt="https://drive.google.com/open?id=16S-9c2suwwSnjBfyEQ2ARBc_y13sB2Th" border="0" data-original-height="422" data-original-width="297" height="320" src="https://1.bp.blogspot.com/-wd45ugTkvGA/XjDBrrZ8iGI/AAAAAAAADMI/6wklbGLm560evI8dQ1pudSILwrX0mop2wCLcBGAsYHQ/s320/microbitbasico.png" width="225" /></a></div>
<br /></div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com2tag:blogger.com,1999:blog-8321164716740837869.post-77773861182816946132019-04-22T17:33:00.002+02:002021-05-25T23:31:50.282+02:00Familiarízate con GIMP: primeras prácticas<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-zxMCumL_YkY/XL3cm9m2eFI/AAAAAAAADI8/CLbthEd4bL89cyH2KntCyYmGxpRtr1-qACLcBGAs/s1600/gimp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="636" data-original-width="930" height="218" src="https://4.bp.blogspot.com/-zxMCumL_YkY/XL3cm9m2eFI/AAAAAAAADI8/CLbthEd4bL89cyH2KntCyYmGxpRtr1-qACLcBGAs/s320/gimp.png" width="320" /></a></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<b>GIMP</b> <span style="font-weight: normal;">(GNU
Image Manipulation Program)</span> es un estupendo editor de imágenes
digitales en mapa de bits.</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
Se trata de un
programa bastante avanzado con múltiples opciones y posibilidades.
Muchas de ellas requieren un conocimiento experto, pero obras son
bastante fáciles de usar.
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
Además, es libre y
gratuito, por lo que podrás descargarlo e instalarlo en todos los
equipos que desees y con gran facilidad.</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<b>A - Un primer
contacto</b></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
Haz lo siguiente:</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
1. Descarga la
imagen con la que vamos a trabajar:</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<a href="https://commons.wikimedia.org/wiki/Street#/media/File:Antibes_Ruelle.jpeg">https://commons.wikimedia.org/wiki/Street#/media/File:Antibes_Ruelle.jpeg</a></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
Para descargar la
imagen sólo necesitas pulsar con el botón derecho del ratón sobre
la misma, seleccionar <b>Guardar Imagen como</b>… en la ventana
emergente que aparece, indicar en qué carpeta quieras guardarla (por
ejemplo, <b>Escritorio</b> o <b>Descargas</b>) y pulsar en <b>Guardar</b>.</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
Normalmente se suele
trabajar con una copia de la imagen. En nuestro caso, no lo vamos a
hacer porque la original está disponible en Internet en un servicio
que consideramos seguro y fiable: Wikimedia Commons.</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
2. Inicia <b>GIMP</b>.
En el caso de MAX (MAdrid_linuX) debes pulsar en el icono del menú
principal (<b>Estrella de colores</b>), luego en <b>Gráficos</b><span style="font-weight: normal;">
y a continuación en</span><b> Programa de Manipulación de Imágenes
GNU</b>.</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
3. Para cargar la
imagen, accede a <b>Archivo</b> en el menú principal y pulsa en
<b>Abrir</b><span style="font-weight: normal;">. </span><span style="font-weight: normal;">En
la ventana que aparece, selecciona la carpeta y la imagen que deseas
editar y pulsa en el botón </span><b>Abrir</b><span style="font-weight: normal;">
situado en la esquina inferior derecha.</span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
También podrías
haber cargado la imagen pulsando con el botón derecho del ratón
sobre la misma, accediendo a <b>Abrir </b><b>con</b> y seleccionando
en <b>Programa de Manipulación de Imágenes GNU</b>.</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
4. Accede al menú
<b>Filtros</b> y aplica algún efecto. Por ejemplo, accede a
<b>Artísticos</b> y luego pulsa en <b>Cubismo </b>para así realizar
tu primer retoque abstracto. Aparece una ventana en la que puedes
pulsar libremente en varios puntos de las barras desplazables y
botones para ver qué efectos se producen. Si quieres devolverlo a su
estado original, pulsa en <b>Restablecer</b>. Cuando estés
convencido del resultado final, pulsa en <b>Aceptar</b>.</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-LavbNzf1Fhk/XL3c0yoTDiI/AAAAAAAADJA/gYXP-0WwByMSdJ1217LTENnqHei3zzSBgCLcBGAs/s1600/cubismo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="563" data-original-width="656" height="342" src="https://4.bp.blogspot.com/-LavbNzf1Fhk/XL3c0yoTDiI/AAAAAAAADJA/gYXP-0WwByMSdJ1217LTENnqHei3zzSBgCLcBGAs/s400/cubismo.png" width="400" /></a></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-t934IQU9s80/XL3c540OzfI/AAAAAAAADJE/ArLOJjWo210JNZpUGfiF7o7oeDD4gY1aQCLcBGAs/s1600/cubismo2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="706" data-original-width="933" height="302" src="https://3.bp.blogspot.com/-t934IQU9s80/XL3c540OzfI/AAAAAAAADJE/ArLOJjWo210JNZpUGfiF7o7oeDD4gY1aQCLcBGAs/s400/cubismo2.png" width="400" /></a></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
5. ¿No te gusta el
resultado? En el menú <b>Editar</b>, prueba las herramientas
<b>Deshacer</b> y <b>Rehacer</b> para volver al estado inicial o
conservar algún cambio que hayas hecho posteriormente.</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
6. Juega libremente
con otras herramientas de <b>Filtros</b>. Recuerda que puedes
revertir los cambios con <b>Deshacer</b> y <b>Rehacer</b>.</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<b>B - Guarda la
nueva imagen retocada</b></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
La forma más rápida
de guardar los cambios es acceder a <b>Archivo</b> y pulsar en
<b>Sobreescribir</b><span style="font-weight: normal;">,</span><span style="font-style: normal;"><span style="font-weight: normal;">
</span></span><span style="font-style: normal;"><span style="font-weight: normal;">con
lo que la imagen retocada sustituirá a la antigua original.</span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-yyO-CwZ9nqk/XL3dGOPLEnI/AAAAAAAADJQ/TgEhnys3XFcwdaUk8Gpy-75ohtMQM_pSwCLcBGAs/s1600/Sobreescribir.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="456" data-original-width="364" height="320" src="https://3.bp.blogspot.com/-yyO-CwZ9nqk/XL3dGOPLEnI/AAAAAAAADJQ/TgEhnys3XFcwdaUk8Gpy-75ohtMQM_pSwCLcBGAs/s320/Sobreescribir.png" width="255" /></a></div>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
No obstante, a veces
no es una buena idea si quieres conservar la imagen original. Una de
ellas es trabajar con una copia de la misma. También puedes
utilizar <b>Guardar como...</b> y usar el formato por defecto xcf o
pulsar en <b>Exportar como...</b> para cambiar el nombre al archivo e
incluso el formato con que la guardas. Para esta práctica simple no
es muy relevante, pero puedes probarlo.</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<b>C - Aprende a
convertir dibujos en fotocopia</b></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
¿Has visto un
dibujo que te gusta y quieres quitarle el color para colorearlo a tu
gusto? Es muy sencillo. En <b>Filtros</b> accede a <b>Artísticos</b>
y luego pulsa en <b>Fotocopia (heredado)</b>. Te proponemos usar la
siguiente imagen:
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<a href="https://upload.wikimedia.org/wikipedia/commons/6/65/Baby.tux-800x800.png">https://upload.wikimedia.org/wikipedia/commons/6/65/Baby.tux-800x800.png</a>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
Evidentemente, los
mejores resultados se alcanzan con dibujos bien perfilados, no tanto
con imágenes menos definidas o más realistas.</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<b>D - Otras
herramientas básicas</b></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
En el menú, accede
a <b>Colores</b> y prueba libremente las primeras opciones: <b>Balance</b>,
<b>Temperatura</b>, <b>Tono-cromático</b>, <b>Tono-saturación</b>,
<b>Saturación</b>, <b>Exposición</b>, <b>Sombras-Resaltados</b>,
<b>Brillo-Contraste</b>, <b>Niveles</b> y <b>Curvas</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-KYtfczZ_vyc/XL3dUGYyv7I/AAAAAAAADJY/GGQwpN2qO3E_82I8Leu4wRdBETUS1h71wCLcBGAs/s1600/colores.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="350" data-original-width="361" height="387" src="https://3.bp.blogspot.com/-KYtfczZ_vyc/XL3dUGYyv7I/AAAAAAAADJY/GGQwpN2qO3E_82I8Leu4wRdBETUS1h71wCLcBGAs/s400/colores.png" width="400" /></a></div>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<b>E - Usa la varita
mágica: convierte el fondo de una imagen en transparente</b></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
Vuelve a descargar
la misma imagen del pingüino bebé, pues tiene un fondo homogéneo y
así será más fácil:</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<a href="https://upload.wikimedia.org/wikipedia/commons/6/65/Baby.tux-800x800.png">https://upload.wikimedia.org/wikipedia/commons/6/65/Baby.tux-800x800.png</a>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
Puedes seguir el
siguiente proceso:</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
1. Abre <b>GIMP </b><span style="font-weight: normal;">y
carga la imagen. También puedes abrirla usando el botón derecho del
ratón.</span></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
2. Accede a <b>Ventanas</b>
y comprueba que está seleccionado <b>Modo ventana única</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-Q_AMcxU-OSg/XL3dcjTnmAI/AAAAAAAADJg/2k2Mm2VIoRMKxIdiviob2T3hwribQrNWgCLcBGAs/s1600/ventanaunica.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="300" data-original-width="582" height="164" src="https://4.bp.blogspot.com/-Q_AMcxU-OSg/XL3dcjTnmAI/AAAAAAAADJg/2k2Mm2VIoRMKxIdiviob2T3hwribQrNWgCLcBGAs/s320/ventanaunica.png" width="320" /></a></div>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br />
3. Selecciona la
varita mágica (<b>Selección difusa</b>) y pulsa en el fondo blanco
de la imagen.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-jGqCAeAGpHg/XL3dhlrdB4I/AAAAAAAADJk/wEHf74pnC4se7Q1uqMpj1g9uQtCSxgI_ACLcBGAs/s1600/varitamagica.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="268" data-original-width="208" src="https://3.bp.blogspot.com/-jGqCAeAGpHg/XL3dhlrdB4I/AAAAAAAADJk/wEHf74pnC4se7Q1uqMpj1g9uQtCSxgI_ACLcBGAs/s1600/varitamagica.png" /></a></div>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br />
4. Accede a
<b>Seleccionar</b> y luego en <b>Invertir</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-dJoV2yW_jQI/XL3dnpQ6D0I/AAAAAAAADJs/ynZfTVbMtV4i6Il97GDKfGURDf0NkhhuACLcBGAs/s1600/invertir.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="210" data-original-width="314" src="https://4.bp.blogspot.com/-dJoV2yW_jQI/XL3dnpQ6D0I/AAAAAAAADJs/ynZfTVbMtV4i6Il97GDKfGURDf0NkhhuACLcBGAs/s1600/invertir.png" /></a></div>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br />
5. Selecciona <b>Editar</b>
y a continuación <b>Cortar</b> (también puedes pulsar Ctrl+x).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-lpTygZPb9Ko/XL3dr_ilm-I/AAAAAAAADJw/u8HuwKL3dyUlKJ_RK3mLysXn8E4qVGxGACLcBGAs/s1600/cortar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="517" data-original-width="475" height="320" src="https://2.bp.blogspot.com/-lpTygZPb9Ko/XL3dr_ilm-I/AAAAAAAADJw/u8HuwKL3dyUlKJ_RK3mLysXn8E4qVGxGACLcBGAs/s320/cortar.png" width="294" /></a></div>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br />
6. Crea una nueva
capa accediendo a <b>Capa</b> y seleccionando <b>Capa nueva</b>.
Verás que se crea en el área de Capas.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-MfobaKmPrLs/XL3dxeV0UoI/AAAAAAAADJ4/GW-GgixsaLokfBid_9-NS4RBqnNg4rOvgCLcBGAs/s1600/capanueva.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="149" data-original-width="497" height="95" src="https://2.bp.blogspot.com/-MfobaKmPrLs/XL3dxeV0UoI/AAAAAAAADJ4/GW-GgixsaLokfBid_9-NS4RBqnNg4rOvgCLcBGAs/s320/capanueva.png" width="320" /></a></div>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-2byA1VfmkI8/XL3d3IMschI/AAAAAAAADJ8/B2s72Hl9nLQby6JrEeq7vXzxBJrUiaAGQCLcBGAs/s1600/capanuevaseve.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="154" data-original-width="261" src="https://1.bp.blogspot.com/-2byA1VfmkI8/XL3d3IMschI/AAAAAAAADJ8/B2s72Hl9nLQby6JrEeq7vXzxBJrUiaAGQCLcBGAs/s1600/capanuevaseve.png" /></a></div>
<br />
6. Esconde la capa
antigua o incluso mejor bórrala.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-_5DRV5juEJU/XL3d7HcwnkI/AAAAAAAADKE/eH8omE-QwSo1hgIfiUMD1B2PfM4e1qtMwCLcBGAs/s1600/eliminarcapa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="578" data-original-width="681" height="338" src="https://2.bp.blogspot.com/-_5DRV5juEJU/XL3d7HcwnkI/AAAAAAAADKE/eH8omE-QwSo1hgIfiUMD1B2PfM4e1qtMwCLcBGAs/s400/eliminarcapa.png" width="400" /></a></div>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br />
8. Pega la selección
recortada (Ctrl+v).</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-sqtPrfEFdDU/XL3eFEbIoiI/AAAAAAAADKQ/OYqRQuoIhJYJLA6o6UW0J5lOLR_BCMcvQCLcBGAs/s1600/pegar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="568" data-original-width="740" height="245" src="https://1.bp.blogspot.com/-sqtPrfEFdDU/XL3eFEbIoiI/AAAAAAAADKQ/OYqRQuoIhJYJLA6o6UW0J5lOLR_BCMcvQCLcBGAs/s320/pegar.png" width="320" /></a></div>
<br />
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
9. Recuerda guardar la
imagen. En este caso puedes sobreescribirla al conservarse el
original en la red y tener formato png de origen. Ten en cuenta que el
formato jpeg no soporta transparencias. Para conservarlas es mejor
guardar la imagen como xcf, exportarla a png o almacenarla en otro
formato que soporte transparencias.<br />
<br />
También podría
usarse las opciones de canal alfa, pero son algo más complejas.</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
Existen aplicaciones
con las que puedes conseguirse un resultado similar realizando menos
pasos. Una de ellas es Krita. Sólo tienes que pulsar con la varita
mágica sobre el fondo y luego cortar el área seleccionada (Ctrl+x).</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
Prueba ahora con
otro tipo de imágenes más realistas como:</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
- Una persona en un
fondo muy homogéneo:</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<a href="https://upload.wikimedia.org/wikipedia/commons/a/a7/NATHALIE-BOY-DE-LA-TOUR.jpg">https://upload.wikimedia.org/wikipedia/commons/a/a7/NATHALIE-BOY-DE-LA-TOUR.jpg</a>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
- Una persona sin
fondo muy homogéneo:</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<a href="https://upload.wikimedia.org/wikipedia/commons/2/2c/David_Boreanaz_May_2004_white_tshirt.jpg">https://upload.wikimedia.org/wikipedia/commons/2/2c/David_Boreanaz_May_2004_white_tshirt.jpg</a>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
- Unos aviones en
fondo bastante homogéneo, aunque no totalmente:</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<a href="https://upload.wikimedia.org/wikipedia/commons/f/ff/Blue_Angels_in_delta_formation_during_Fleet_Week_2018.jpg">https://upload.wikimedia.org/wikipedia/commons/f/ff/Blue_Angels_in_delta_formation_during_Fleet_Week_2018.jpg</a>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
- Un árbol con
fondo bastante homogéneo pero separado en zonas.</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<a href="https://upload.wikimedia.org/wikipedia/commons/9/93/Osprey_landing_in_the_nest_at_Camp_Echockotee.JPG">https://upload.wikimedia.org/wikipedia/commons/9/93/Osprey_landing_in_the_nest_at_Camp_Echockotee.JPG</a>
</div>
<div style="line-height: 100%; margin-bottom: 0cm;">
<br /></div>
<div style="line-height: 100%; margin-bottom: 0cm;">
Según los diversos
casos, podrás comprobar que aparecen manchas que no se borran e
incluso que es necesario seleccionar varias zonas de forma
progresiva.</div>
<style type="text/css">p { margin-bottom: 0.25cm; line-height: 115%; }a:link { }</style>Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-47183755352462949292017-11-05T19:44:00.001+01:002018-02-17T20:36:51.428+01:00Pistas para empezar a crear con Blender (MAX - MAdrid_linuX)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-K5X779Wr7SI/Wf9afStswwI/AAAAAAAADCM/TpSWTTWuOus0UgzdEyGOFa57nKktBz6cQCLcBGAs/s1600/blender.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="653" data-original-width="1073" height="389" src="https://3.bp.blogspot.com/-K5X779Wr7SI/Wf9afStswwI/AAAAAAAADCM/TpSWTTWuOus0UgzdEyGOFa57nKktBz6cQCLcBGAs/s640/blender.png" width="640" /></a></div>
<br />
Citando textualmente a <a href="https://es.wikipedia.org/wiki/Blender" target="_blank">Wikipedia</a>,<b> "Blender</b> es un programa informático multi plataforma, dedicado especialmente al modelado, iluminación, renderizado, animación y creación de gráficos tridimensionales. También de composición digital utilizando la técnica procesal de nodos,
edición de vídeo, escultura (incluye topología dinámica) y pintura
digital. En Blender, además, se pueden desarrollar <a class="mw-redirect" href="https://www.blogger.com/null" title="Video-juegos">vídeo juegos</a> ya que posee un motor de juegos interno".<br />
<br />
Es decir, se trata de un programa de diseño 3D con el que se pueden generar animaciones, juegos e incluso editar vídeo.<br />
<br />
Es un programa bastante potente y, sorprendentemente, funciona bastante bien incluso en equipos antiguos. En nuestro caso, vamos a utilizarlo en MAX (MAdrid_linuX) en equipos de hace bastante tiempo o de segunda mano, incluso en Pentium IV con 1 GB de RAM. Evidentemente, para realizar procesos de renderizado, es mejor disponer de equipos de mayor potencia, sobre todo al elaborar escenas complejas; pero para practicar con el entorno, puede que baste con configuraciones básicas como las citadas.<br />
<br />
Esta guía se ha elaborado para apoyar un proyecto en 6º de Primaria de diseño simple de una carroza simple de Navidad dentro del proyecto "Navidad en movimiento" en plástica, donde además se han hecho uso de herramientas de presentaciones y vídeo en trablets y programación y robótica en PC o talbles. Dejamos el acceso a las presentaciones elaboradas:<br />
<a href="https://www.educa2.madrid.org/web/aprendemos-con-bots/inicio/-/visor/proyecto-navidad-en-movimiento-?p_p_col_pos=11">https://www.educa2.madrid.org/web/aprendemos-con-bots/inicio/-/visor/proyecto-navidad-en-movimiento-?p_p_col_pos=11</a><br />
<br />
Se seguirán proponiendo nuevos retos, como un diseño simple de un robot-llavero que deben adaptar:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-rSkoadO_SDY/WohRMiVWtWI/AAAAAAAADHs/R408ajE1frQdpZmCex7YhXvELNq8u47jACLcBGAs/s1600/llavero.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="489" data-original-width="702" height="277" src="https://3.bp.blogspot.com/-rSkoadO_SDY/WohRMiVWtWI/AAAAAAAADHs/R408ajE1frQdpZmCex7YhXvELNq8u47jACLcBGAs/s400/llavero.png" width="400" /></a></div>
<br />
<br />
Notas de idioma:<br />
<br />
Las capturas corresponden al entorno en inglés, ofreciéndose entre paréntesis los términos empleados en la interfaz en español, que <u>a veces no coinciden con una traducción muy directa o clásica</u>.<br />
<br />
Si deseas cambiar el entorno a español, accede a <b>File - User preferences... - System</b>, marcar al final <b>International Fonts</b>, seleccionar <b>Spanish from Spain</b> en el menú desplegable de <b>Language</b> y luego pulsar debajo de <b>Translate</b> en <b>Interface</b>.<br />
<br />
En caso de desear volver a la interfaz en inglés, accede a Archivo - Preferencias de usuario... - Sistema, marcar al final Tipografías internacionales y seleccionar Predefinido o Inglés en el menú desplegable de Idioma. Puedes pulsar en Interfaz para revertir cambios de uno idioma a otro.<br />
<br />
Realicemos una práctica para obtener un resultado similar al de la imagen.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ol>
<li>Comprueba que el menú superior muestra el editor <b>Info </b><img border="0" data-original-height="25" data-original-width="34" src="https://4.bp.blogspot.com/-b1v3Qd6IfEo/WlpV-Xx0zpI/AAAAAAAADGQ/zmPTRegyW3sLpwjweWf2seiv9N4BSHIjwCLcBGAs/s1600/inf.png" /> con los accesos de menú <b>Fie - Render - Window - Help</b> (Archivo - Procesar - Ventana - Ayuda).<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-DCpBp636Cy0/WlpSSmtPhUI/AAAAAAAADGA/dl9is-md5JwWIW75x9ikCLWCZPm6zGanQCLcBGAs/s1600/menusup.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="89" data-original-width="447" src="https://1.bp.blogspot.com/-DCpBp636Cy0/WlpSSmtPhUI/AAAAAAAADGA/dl9is-md5JwWIW75x9ikCLWCZPm6zGanQCLcBGAs/s1600/menusup.png" /></a></div>
<br />En caso de no ser así, pulsa en el icono situado en la parte superior izquierda para indicar el tipo de editor de ese área y selecciona sobre la opción <b>Info</b>.<br /><br /><div style="text-align: center;">
<a href="https://4.bp.blogspot.com/-P6C4YnnUZEU/WlpShVYuZKI/AAAAAAAADGE/pRDElIdLCo4BplPekyw4DtOe8LNup-NVQCLcBGAs/s1600/info2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="480" data-original-width="469" src="https://4.bp.blogspot.com/-P6C4YnnUZEU/WlpShVYuZKI/AAAAAAAADGE/pRDElIdLCo4BplPekyw4DtOe8LNup-NVQCLcBGAs/s1600/info2.png" /></a></div>
<br />Ahora la disposición deberá de ser el que se pedía al principio.<br /><br /><div style="text-align: center;">
<a href="https://2.bp.blogspot.com/-hy1_Bue-TX0/WlpWgpXwrSI/AAAAAAAADGY/RuI-3QajvcAgnLzTz7zyr9bI1HsKD_dqwCLcBGAs/s1600/menusup%2B%2528copia%2529.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="89" data-original-width="447" src="https://2.bp.blogspot.com/-hy1_Bue-TX0/WlpWgpXwrSI/AAAAAAAADGY/RuI-3QajvcAgnLzTz7zyr9bI1HsKD_dqwCLcBGAs/s1600/menusup%2B%2528copia%2529.png" /></a></div>
<br />Esta sería la apariencia en Blender 2.78. En caso de utilizar otra versión más antigua pueden mostrar una apariencia algo diferentes.</li>
<li>Indica el modo de visualización. Selecciona <b>3D View</b> (Vista 3D), situado cerca de la esquina inferior izquierda.<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-MSDOEzwT5ck/Wf-NUKBHQyI/AAAAAAAADCw/8zWL5VjMXfgO1RCjWAJCHOtvvGr45r7sgCPcBGAYYCw/s1600/013DView.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="253" data-original-width="270" height="299" src="https://3.bp.blogspot.com/-MSDOEzwT5ck/Wf-NUKBHQyI/AAAAAAAADCw/8zWL5VjMXfgO1RCjWAJCHOtvvGr45r7sgCPcBGAYYCw/s320/013DView.png" width="320" /></a></div>
</li>
<li>Añade objetos al azar. Pulsa en la parte superior izquierda en la pestaña lateral <b>Create</b> (Agregar en la interfaz en español) y luego en las primitivas-objetos deseados pulsando bajo el apartado <b>Mesh</b>: <b>Plane</b>, <b>Cube</b>, <b>Torus</b>... (Malla: Plano, Cubo, Rosca...). También puedes probar otros, como <b>Monkey</b> (Mona).<br /><br />Si utilizas una versión más antigua de Blender, es posible que tengas pulsar en <b>Add</b> (Añadir) en la barra superior y luego en <b>Mesh</b> (Malla).<br /><br /><u>¡Cuidado!</u> Los objetos que añadas se irán <u>superponiendo</u> uno encima de otro en la posición central. Si añades dos cubos seguidos, parecerá que sólo hay uno. Utiliza el<u> botón derecho del ratón</u> para seleccionar el cubo central, arrastrarlo y moverlo a otra posición.<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-2o-uhgSIrfU/Wf-P5hR8TLI/AAAAAAAADC4/wRrLZ98gHq0LN15EsoicqL0LnLFiRubIQCLcBGAs/s1600/02Create.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="388" data-original-width="169" height="400" src="https://2.bp.blogspot.com/-2o-uhgSIrfU/Wf-P5hR8TLI/AAAAAAAADC4/wRrLZ98gHq0LN15EsoicqL0LnLFiRubIQCLcBGAs/s400/02Create.png" width="173" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: left;">
En caso de utilizar<span style="color: blue;"> <b>una versión anterior de Blender</b></span>, la apariencia es distinta y debes pulsar en <b>Add - Mesh</b> (Añadir - Malla) para visualizar los objetos básicos.<br />
<br />
<div style="text-align: center;">
<a href="https://3.bp.blogspot.com/-M4BOeoQsLv8/Wlpd-nikY_I/AAAAAAAADGo/xH0cIEwD25gK6Hxfcsso5j7wa6JiQ9-ogCLcBGAs/s1600/Add.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="355" data-original-width="388" src="https://3.bp.blogspot.com/-M4BOeoQsLv8/Wlpd-nikY_I/AAAAAAAADGo/xH0cIEwD25gK6Hxfcsso5j7wa6JiQ9-ogCLcBGAs/s1600/Add.png" /></a></div>
</div>
<br />
<div style="text-align: left;">
</div>
</li>
<li>Guarda tu proyecto pulsando en <b>File</b> - <b>Save As</b> (Archivo - Guardar como...). Escribe un nombre de archivo y pulsa en el botón <b>Save As Blender File</b> (Guardar como archivo de Blender). En MAX, si queremos guardarlo en el Escritorio, la ruta es del tipo <b>home/alumno/Escritorio</b>.<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-XuVuoq6XvHg/Wf-RE0HwWvI/AAAAAAAADDI/jnf_ZfS55coo5sp7RLEQfvwFcp0G4Q4fACLcBGAs/s1600/03SaveAs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="344" data-original-width="425" height="323" src="https://3.bp.blogspot.com/-XuVuoq6XvHg/Wf-RE0HwWvI/AAAAAAAADDI/jnf_ZfS55coo5sp7RLEQfvwFcp0G4Q4fACLcBGAs/s400/03SaveAs.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: right;">
</div>
</li>
<li>Recupera el archivo. Pulsa en <b>File - Open</b> (Archivo - Abrir) o en <b>File - Open Recent...</b> (Abrir reciente).</li>
<li>Prueba a cambiar la perspectiva que tienes del objeto. Para ello, pulsa sobre la escena con el botón derecho del ratón y, <u>en el teclado numérico</u> utiliza, las flechas de dirección para cambiar la perspectiva.</li>
<li>Mueve los objetos que has añadido. Asegúrate que está activado el botón <b>3D Manipulator</b> (Manipulador 3D) de objetos (icono de ejes en la barra inferior) y pulsa en el botón <b>Translate</b> (Mover). Pulsa con el <b>botón izquierdo del ratón</b> muy cerca del centro de los objetos y arrástralos. También puedes probar a pulsar justo en el <b>centro</b> o sobre las <b>flechas de los ejes</b> y arrastrar para controlar desplazamientos más exactos. También está disponible desde la pestaña <b>Tools</b> - <b>Translate</b> (Herramientas - Mover).<br /><div style="text-align: center;">
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<a href="https://3.bp.blogspot.com/-7_C8FaMnL3Y/Wf-S2N81XII/AAAAAAAADDU/1v3Q-35QhCkndEkZN3nbwZb6aLnRNzUTQCLcBGAs/s1600/04translateA.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="130" data-original-width="401" height="128" src="https://3.bp.blogspot.com/-7_C8FaMnL3Y/Wf-S2N81XII/AAAAAAAADDU/1v3Q-35QhCkndEkZN3nbwZb6aLnRNzUTQCLcBGAs/s400/04translateA.png" width="400" /></a></div>
<div style="text-align: start;">
<a href="https://2.bp.blogspot.com/-zN9UDkV-_yU/Wf-S2PuEcsI/AAAAAAAADDY/zL6wUicJwSM3O-_p4pexMxFwugexZ3GAwCLcBGAs/s1600/04translateC.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em; text-align: center;"><br /></a> </div>
<div class="separator" style="clear: both;">
<a href="https://2.bp.blogspot.com/-zN9UDkV-_yU/Wf-S2PuEcsI/AAAAAAAADDY/zL6wUicJwSM3O-_p4pexMxFwugexZ3GAwCLcBGAs/s1600/04translateC.png" imageanchor="1" style="clear: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" data-original-height="215" data-original-width="191" src="https://2.bp.blogspot.com/-zN9UDkV-_yU/Wf-S2PuEcsI/AAAAAAAADDY/zL6wUicJwSM3O-_p4pexMxFwugexZ3GAwCLcBGAs/s1600/04translateC.png" /></a></div>
<br />
<a href="https://4.bp.blogspot.com/-hcLP2gx1R7w/Wf-S2bDBxDI/AAAAAAAADDc/56hIk0HX1RM-KqY8HkmM7yM97nz8LqcFQCLcBGAs/s1600/04translateB.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="217" data-original-width="171" height="320" src="https://4.bp.blogspot.com/-hcLP2gx1R7w/Wf-S2bDBxDI/AAAAAAAADDc/56hIk0HX1RM-KqY8HkmM7yM97nz8LqcFQCLcBGAs/s320/04translateB.png" width="252" /></a></div>
</li>
<li>Gira los objetos que has añadido. Asegúrate que está activado el botón <b>Manipulator 3D </b>(Manipulador 3D) de objetos<b> </b>y pulsa en el botón <b>Rotate</b> (Rotar). Pulsa con el <b>botón izquierdo del ratón</b> cerca del <b>centro</b> o en los <b>círculos de colores</b> y arrástralos. También está disponible desde la pesaña <b>Tools</b> - <b>Rotate</b> (Herramientas - Rotar).<br /><div class="separator" style="clear: both; text-align: center;">
<br class="Apple-interchange-newline" /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-U8u39G9nwu0/Wf-VHfpuI0I/AAAAAAAADDw/dohA_WMCu2s_EGsfHqqRBkt4RSBdWl2ngCLcBGAs/s1600/05rotateA.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="128" data-original-width="405" height="101" src="https://1.bp.blogspot.com/-U8u39G9nwu0/Wf-VHfpuI0I/AAAAAAAADDw/dohA_WMCu2s_EGsfHqqRBkt4RSBdWl2ngCLcBGAs/s320/05rotateA.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-zUYUeQMzbbc/Wf-VHTPO7kI/AAAAAAAADDo/PF4kd-rGWCw606M2NJdwG49XUWFUDXoTwCLcBGAs/s1600/05rotateB.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="224" data-original-width="210" src="https://1.bp.blogspot.com/-zUYUeQMzbbc/Wf-VHTPO7kI/AAAAAAAADDo/PF4kd-rGWCw606M2NJdwG49XUWFUDXoTwCLcBGAs/s1600/05rotateB.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-Li7WTYGqU-A/Wf-VHb-8NAI/AAAAAAAADDs/RjauZs7IpLAyk1Du7BlurPcOvo1Y1mMkACLcBGAs/s1600/05rotateC.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="190" data-original-width="172" src="https://4.bp.blogspot.com/-Li7WTYGqU-A/Wf-VHb-8NAI/AAAAAAAADDs/RjauZs7IpLAyk1Du7BlurPcOvo1Y1mMkACLcBGAs/s1600/05rotateC.png" /></a></div>
</li>
<li>Cambia el tamaños a los objetos que has añadido. Asegúrate que está activado el botón <b>Manipulator 3D </b>(Manipulador 3D) de objetos y pulsa en el botón <b>Scale</b> (Escalar). Pulsa con el <b>botón izquierdo del ratón</b> cerca del centro o sobre los <b>marcadores de colores </b>de los ejes y arrrástralos para cambiar tamaños. También está disponible desde la pestaña <b>Tools</b> - <b>Scale</b> (Herramientas - Escalar).<br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-x8enM6zrz4w/Wf-WgROV0RI/AAAAAAAADEI/KtziFKwIBbkgHMb-MyBIyLsOZWYVqYBAACLcBGAs/s1600/06ScaleA.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br class="Apple-interchange-newline" /><img border="0" data-original-height="137" data-original-width="406" height="107" src="https://3.bp.blogspot.com/-x8enM6zrz4w/Wf-WgROV0RI/AAAAAAAADEI/KtziFKwIBbkgHMb-MyBIyLsOZWYVqYBAACLcBGAs/s320/06ScaleA.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-6TPkWZGwIKE/Wf-WgCuh5aI/AAAAAAAADEA/LhGRgMvGQm8AmQKcjkF6eTOLfT0PUEJkQCLcBGAs/s1600/06ScaleB.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="209" data-original-width="196" src="https://4.bp.blogspot.com/-6TPkWZGwIKE/Wf-WgCuh5aI/AAAAAAAADEA/LhGRgMvGQm8AmQKcjkF6eTOLfT0PUEJkQCLcBGAs/s1600/06ScaleB.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-KIrG4vqcy9w/Wf-WgDC2I9I/AAAAAAAADEE/4rDbYynOunkHXAiIFUFJDaSdninB0rHuACLcBGAs/s1600/06ScaleC.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="185" data-original-width="167" src="https://1.bp.blogspot.com/-KIrG4vqcy9w/Wf-WgDC2I9I/AAAAAAAADEE/4rDbYynOunkHXAiIFUFJDaSdninB0rHuACLcBGAs/s1600/06ScaleC.png" /></a></div>
</li>
<li>Deshaz y haz varias veces. Pulsa <b>Ctrl-Z</b> y <b>Ctrl+Mayús-Z</b>.</li>
<li>Cambia de 1 plano de visualización a 4 planos de posición de frente, arriba, derecha y perspectiva del usuario. Pulsa <b>Ctrl+Alt-Q</b>. También puedes pulsar en <b>View</b> - <b>Toggle Quad View</b> (Vista - Ver cuádruple).<br /><div style="text-align: center;">
<div class="separator" style="clear: both;">
<a href="https://3.bp.blogspot.com/--u1WVYcaOXk/Wf-X3gV-h9I/AAAAAAAADEY/eJfNMcsx1CUwJlPd_o2tT2wFoHz2Dr2HwCLcBGAs/s1600/07ToggleA.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br class="Apple-interchange-newline" /><img border="0" data-original-height="752" data-original-width="300" height="640" src="https://3.bp.blogspot.com/--u1WVYcaOXk/Wf-X3gV-h9I/AAAAAAAADEY/eJfNMcsx1CUwJlPd_o2tT2wFoHz2Dr2HwCLcBGAs/s640/07ToggleA.png" width="252" /></a></div>
<div style="text-align: start;">
<br /></div>
<div class="separator" style="clear: both;">
<img border="0" data-original-height="452" data-original-width="614" height="293" src="https://4.bp.blogspot.com/-Pu0ZZWn1klQ/Wf-X3YaT4rI/AAAAAAAADEU/latEHoQAA-wfz-Q58VW74k2kIE1Vi7RWgCLcBGAs/s400/07ToggleB.png" width="400" /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
En caso de querer volver a la visualización de una sóla escena, ejecuta de nuevo <b>Ctrl+Alt-Q</b>. También puedes pulsar en <b>View</b> - <b>Toggle Quad View</b> (Vista - Ver cuádruple).</div>
</div>
</li>
<li>Borra todos los objetos añadidos. Pulsa con el <b>botón derecho</b> del ratón sobre el objeto, pulsa la tecla <b>Supr</b> (Suprimir) en el teclado y luego selecciona <b>Delete</b> (Borrar).<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-5_HiJKBH_pA/Wf-ZBQU-mNI/AAAAAAAADEk/1BR5r0GQreMk7SCchyBeG7zAZPdixZ7RQCLcBGAs/s1600/08Delete.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="200" data-original-width="197" src="https://1.bp.blogspot.com/-5_HiJKBH_pA/Wf-ZBQU-mNI/AAAAAAAADEk/1BR5r0GQreMk7SCchyBeG7zAZPdixZ7RQCLcBGAs/s1600/08Delete.png" /></a></div>
<div style="text-align: center;">
<br /></div>
</li>
<li>Base del vehículo. Añade un <b>Cube</b> (Cubo) y usa <b>Scale</b> (Escalar) para cambiar sus dimensiones.</li>
<li>Selecciona el objeto y cambia el color pulsando en el icono <b>Material</b> (Material); es una pequeña esfera situada a mitad de altura hacia la derecha. Puede que sea necesario pulsar primero en <b>New</b> (Nuevo), luego en la pestaña <b>Surface</b> (Superficie) y en el cuadro debajo de <b>Difuse </b>(Difusión) selecciona el color.<br /><br /><u>¡Cuidado!</u> Tal y como se observa en la imagen, puede que material a veces quede parcial o totalmente <u>oculto</u>. Para que se visualice el icono, <u>ensancha el panel lateral derecho tirando del borde izquierdo del panel</u>. <br /><br /><div style="text-align: center;">
<a href="https://1.bp.blogspot.com/-3hXITamy7kk/WlpjMQKqhwI/AAAAAAAADG4/tuDUhf-haKIHTuh9SzJvAwG4Stz0njEzwCLcBGAs/s1600/tirar.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="298" data-original-width="531" src="https://1.bp.blogspot.com/-3hXITamy7kk/WlpjMQKqhwI/AAAAAAAADG4/tuDUhf-haKIHTuh9SzJvAwG4Stz0njEzwCLcBGAs/s1600/tirar.png" /></a></div>
<div style="text-align: center;">
<div class="separator" style="clear: both;">
<a href="https://3.bp.blogspot.com/-BLLLjCheiW0/Wf-a-hXPXLI/AAAAAAAADE0/C_Cnl54LT2U9uAP6gGfD5jb9Xl1YbzYHwCLcBGAs/s1600/09MaterialA.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br class="Apple-interchange-newline" /><img border="0" data-original-height="413" data-original-width="229" height="400" src="https://3.bp.blogspot.com/-BLLLjCheiW0/Wf-a-hXPXLI/AAAAAAAADE0/C_Cnl54LT2U9uAP6gGfD5jb9Xl1YbzYHwCLcBGAs/s400/09MaterialA.png" width="221" /></a></div>
<div style="text-align: start;">
<br /></div>
<div class="separator" style="clear: both;">
<a href="https://1.bp.blogspot.com/-QTvNhCpz_kQ/Wf-a-vxmyKI/AAAAAAAADEw/iTJBxAPoIXYjdyCkBHj30ETyZVSPUPw9gCLcBGAs/s1600/09MaterialB.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="482" data-original-width="227" height="400" src="https://1.bp.blogspot.com/-QTvNhCpz_kQ/Wf-a-vxmyKI/AAAAAAAADEw/iTJBxAPoIXYjdyCkBHj30ETyZVSPUPw9gCLcBGAs/s400/09MaterialB.png" width="187" /></a></div>
</div>
</li>
<li>Primera rueda. Añade un <b>Torus</b> (Rosca), gíralo con <b>Rotate</b> (Rotar) y sitúalo como si fuera una rueda.</li>
<li>Cambia el color pulsando en el icono <b>Material</b> (Material). Puede que sea necesario pulsar primero en <b>New</b> (Nuevo), luego en la pestaña <b>Surface</b> (Superficie) y en el cuadro debajo de <b>Difuse </b>(Difusión) selecciona el color.
</li>
<li>Rendereriza el resultado desde el menú <b>Render</b> - <b>Render Image</b> (Procesar - Procesar imagen). Pulsa la tecla <b>Esc</b> (Escape) para volver al entorno de trabajo.<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-AtdoDjc6pwQ/Wf-cA-zohJI/AAAAAAAADE8/FKjrBP-_l2MB5kjcJvFwaE2tA5pHzPeqACLcBGAs/s1600/10Render.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="433" data-original-width="575" height="300" src="https://1.bp.blogspot.com/-AtdoDjc6pwQ/Wf-cA-zohJI/AAAAAAAADE8/FKjrBP-_l2MB5kjcJvFwaE2tA5pHzPeqACLcBGAs/s400/10Render.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
</li>
<li>Pulsa sobre la <b>Camera</b> (Cámara) y <b>Lamp </b>(Foco de luz) y cambia sus posiciones con <b>Translate</b> (Mover) para así disfrutar de una mejor perspectiva e iluminación de la los objetos en la escena. Vuelve a renderizar par ver si visualizas mejor la escena: <b>Render</b> - <b>Render Image </b>(Procesar - Procesar imagen). Repite esta operación hasta conseguir el resultado adecuado.<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-E9fvZyn07DM/Wf-dnaA5NyI/AAAAAAAADFM/XzBiHx-Uo-E6dXWyspVvQggoBCFc244ogCLcBGAs/s1600/15camera.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="399" data-original-width="441" height="361" src="https://3.bp.blogspot.com/-E9fvZyn07DM/Wf-dnaA5NyI/AAAAAAAADFM/XzBiHx-Uo-E6dXWyspVvQggoBCFc244ogCLcBGAs/s400/15camera.png" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-b6U6-auIWWk/Wf-dnR2jtnI/AAAAAAAADFI/p1GmdgOQrOIOD1kKLyYKavqoj2tXqzbYACLcBGAs/s1600/15lamp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="388" data-original-width="429" height="361" src="https://1.bp.blogspot.com/-b6U6-auIWWk/Wf-dnR2jtnI/AAAAAAAADFI/p1GmdgOQrOIOD1kKLyYKavqoj2tXqzbYACLcBGAs/s400/15lamp.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
</li>
<li>Añade 3 ruedas más. Pulsa con el botón derecho del ratón sobre la rueda que has hecho y luego en la pestaña <b>Tools</b> (Herramientas)<b> </b>selecciona <b>Duplicate </b>(Duplicar). Mueve la rueda hasta situarla donde creas oportuno. Repite esta operación 2 veces más.<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-QZ1aKmlDkUk/Wf-f_DdarSI/AAAAAAAADFg/_ApeI-KILd47PzvntGp0rYTDwBthOPB7gCLcBGAs/s1600/14Duplicate.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="371" data-original-width="159" height="400" src="https://1.bp.blogspot.com/-QZ1aKmlDkUk/Wf-f_DdarSI/AAAAAAAADFg/_ApeI-KILd47PzvntGp0rYTDwBthOPB7gCLcBGAs/s400/14Duplicate.png" width="171" /></a></div>
<div style="text-align: center;">
<br /></div>
</li>
<li>Añade un objeto desde la web. Accede a la página de <b>Thingiverse</b> y busca <b>Santa</b>. Desplázate hacia abajo, localiza el <b>Robot Santa</b> y pulsa sobre el mismo. En la página con solo el robot, pulsa sobre <b>Download all files</b> (Descarga todos los archivos) y guarda el archivo. Accede a la carpeta donde se ha guarado el archivo descomprimido y descomprímelo, por pulsando con el botón derecho del ratón sobre el mismo y seleccionando Extraer aquí. Ahora, debes incluir el archivo dentro del proyecot; importa el archivo a tu proyecto desde <b>File</b> - <b>Import</b> - <b>Stl (.stl)</b> (Archivo - Importar - Stl (.stl). En este caso, el objeto sale muy grande y debes reducir su tamaño. Debes aumentar el área visualizada pulsando sobre Botón derecho del ratón y + en el teclado numérico (- para reducir) o actuando sobre la rueda del ratón. Usa <b>Scale</b> (Escalar) para cambiar el tamaño a mucho más pequeño y mueve el objeto con <b>Traslate</b> (Mover) a donde creas oportuno.<br /><br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-pgPa6UB1iq4/Wf-fVYvkSHI/AAAAAAAADFY/zmAEjwCDvs4h5qhR5A2GUL3DuTH7U-mdQCLcBGAs/s1600/17Santa.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="438" data-original-width="600" height="290" src="https://3.bp.blogspot.com/-pgPa6UB1iq4/Wf-fVYvkSHI/AAAAAAAADFY/zmAEjwCDvs4h5qhR5A2GUL3DuTH7U-mdQCLcBGAs/s400/17Santa.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
</li>
<li>Cambia el color pulsando en el icono <b>Material</b> (Material). Puede que sea necesario pulsar primero en <b>New</b> (Nuevo), luego en la pestaña <b>Surface</b> (Superficie) y en el cuadro debajo de <b>Difuse </b>(Difusión) selecciona el color.</li>
<li>Guarda tu proyecto pulsando en <b>File</b> - <b>Save</b> (Archivo - Guardar). Intenta guardarlo en una ubicación o carpeta que conozcas, como <b>Escritorio</b> o <b>Descargas</b>. <br /><br />El ejemplo se muestra que el usuario alumno va a guardar el archivo <b>micreacion.blend</b> lo va a guardar en <b>Escritorio</b>.<br /><br /><a href="https://1.bp.blogspot.com/-H2TOKH7Ltas/WlpniRRtN8I/AAAAAAAADHE/KvBdyBL74YoSAfNrfW0WbkYZvU-pbEuJACLcBGAs/s1600/Blender_001.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="374" data-original-width="563" src="https://1.bp.blogspot.com/-H2TOKH7Ltas/WlpniRRtN8I/AAAAAAAADHE/KvBdyBL74YoSAfNrfW0WbkYZvU-pbEuJACLcBGAs/s1600/Blender_001.png" /></a><br /><br />Cuidado. Hay que pulsar dos veces sobre la carpeta deseada, lo que podrá comprobarse en la ruta que aparece en el cuadro correspondiente.<br /><br /><a href="https://1.bp.blogspot.com/-wzSEHfZnAJY/WlpoDoWb4YI/AAAAAAAADHM/JVt62PYEyeEb7TDTZfADM5s5Ew_SgH_WgCLcBGAs/s1600/captura.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="374" data-original-width="536" src="https://1.bp.blogspot.com/-wzSEHfZnAJY/WlpoDoWb4YI/AAAAAAAADHM/JVt62PYEyeEb7TDTZfADM5s5Ew_SgH_WgCLcBGAs/s1600/captura.png" /></a></li>
</ol>
<ol>
</ol>
<b>¿Quieres rotar, acercar y alejar la perspectiva desde la que ves los objetos?</b><br />
<br />
Básicamente tienes que jugar con las flechas del teclado numérico, así como con combinaciones de la tecla Ctrl, Mayús, Alt y rueda del ratón.<br />
<ul>
<li><b>+ - en el teclado numérico </b>o<b> rueda del ratón: </b>acercar o alejar. <b><br /></b></li>
<li><b>Flechas del teclado numérico</b>: rotar hacia izquierda, derecha, delante y detrás en la perspectiva principal de usuario.</li>
<li><b>1</b> en el teclado numérico: ver desde eje Y.</li>
<li><b>3</b> en el teclado numérico: ver desde eje X. </li>
<li><b>7</b> en teclado numérico: ver desde arriba (eje Z positivo).</li>
<li><b>9</b> en teclado numérico: ver desde abajo (eje Z negativo).</li>
<li><b>5</b> en el teclado numérico: ver a ras de suelo o desde perspectiva superior.</li>
<li><b>Mayús + flecha</b> izquierda/derecha del teclado numérico: rotar como un motor de lavadora a izquierda o derecha</li>
<li><b>Ctrl + flechas</b> izquierda/derecha del teclado numérico o <b>Mayús/Ctrl y rueda del ratón</b>: mover hacia derecha, izquierda, arriba y abajo.</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-qDd2bWMyqEo/Wf9hxgqYeNI/AAAAAAAADCc/EAlddx_kfyIt7alp9d0wzTqTVBnPQUPYACLcBGAs/s1600/santa2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="514" data-original-width="797" height="411" src="https://4.bp.blogspot.com/-qDd2bWMyqEo/Wf9hxgqYeNI/AAAAAAAADCc/EAlddx_kfyIt7alp9d0wzTqTVBnPQUPYACLcBGAs/s640/santa2.png" width="640" /></a></div>
<ol>
</ol>
<b>¿Quieres que Blender funcione como un editor de vídeo clásico para añadir fotos o vídeos con efectos?</b><br />
<br />
Con Blender instalado, accede a la página <a href="https://github.com/tutoblender/videoEdit" rel="noopener noreferrer" target="0T5B2bgMzJvjz_Y3KQHR308">https://github.com/tutoblender/videoEdit</a>, descargar el archivo videoEdit-master.zip desde <a href="http://vse.madnerd.org/" rel="noopener noreferrer" target="2aPr7emsPEGurczVfx8fpgN">http://vse.madnerd.org/</a>, descomprime el archivo y pulsa sobre el archivo minimal_vse.blend para que se abra en Blender. La apariencia será similar a la que se obseva debajo. Se han destacado algunas zonas relacionas con la inclusión de archivos, reproducción, elección de efectos y elección de carpeta y formato de salida del vídeo.<br />
<br />
Para generar el vídeo hay que pulsar en<b> Render / Render Animation</b>. Una vez generado, se puede ver pulsando en <b>Play Rendered Animation</b>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/--HZ6uQ8MeMA/WoiBLjgX5II/AAAAAAAADH8/h1jDHmRJIX0fb9gmKiV_I8o9UgkKGYe9ACLcBGAs/s1600/blenderVSE.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="691" data-original-width="1131" height="390" src="https://3.bp.blogspot.com/--HZ6uQ8MeMA/WoiBLjgX5II/AAAAAAAADH8/h1jDHmRJIX0fb9gmKiV_I8o9UgkKGYe9ACLcBGAs/s640/blenderVSE.png" width="640" /></a></div>
<br />
<br />Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-11391465563941745182017-09-10T12:28:00.013+02:002021-05-25T23:36:36.955+02:00Enlaces plasticatrónicos: forma, color, robótica y más<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://mediateca.educa.madrid.org/video/lsbucjhif6f225wy" target="_blank"><img alt="https://mediateca.educa.madrid.org/video/lsbucjhif6f225wy" border="0" data-original-height="307" data-original-width="472" height="208" src="https://2.bp.blogspot.com/-9linYMgkK14/WbUS-FukjgI/AAAAAAAADB4/k3621qJsiyYHe7EchH0u35z3cBgPYXuMACLcBGAs/s320/03.jpeg" width="320" /></a></div>
<br />
<div style="text-align: center;">
Ver Geobarrio: <a href="https://mediateca.educa.madrid.org/video/lsbucjhif6f225wy" target="_blank">vídeo 1</a> - <a href="https://mediateca.educa.madrid.org/video/9ubuwkahbo59xkgw" target="_blank">vídeo 2</a>.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
(Artículo en construcción progresiva).</div>
<br />
Enlaces interesantes para empezar con nuestra "Plasticatrónica":<br />
<br />
<span style="color: #990000;"> <b>Forma</b></span>:<br />
<ol style="text-align: left;">
<li><a href="https://www.youtube.com/watch?v=u1lmR73vaHM&t=2s" target="_blank">Forma. EducarChile</a>. Vídeo.<br /><br /><span style="color: #990000;"><b>Color</b></span>:<br /></li><li><a href="https://www.youtube.com/watch?v=TyCwmkgrwA8" target="_blank">Color. EducarChile</a>. Vídeo.</li><li><a href="http://www.lanubeartistica.es/dibujo_artistico_1/Unidad4/DA1_U4_T2/2_cualidades_del_color_tono_saturacin_luminosidad.html" target="_blank">Cualidades del color: tono, saturación, luminosidad</a>. La nube artística. Web.</li><li>Planetas: <a href="https://i.pinimg.com/474x/3c/b1/7a/3cb17a6e232a90a51b77c0da02cdd2fa.jpg" target="_blank">Imagen</a> - <a href="https://www.pinterest.es/pin/774408098417970860/" target="_blank">Pinterest</a> - <a href="https://www.google.com/search?q=planetas+arte&tbm=isch&ved=2ahUKEwiRxbSGn6_sAhWLxuAKHSy2AiIQ2-cCegQIABAA&oq=planetas+arte&gs_lcp=CgNpbWcQAzICCAAyBggAEAgQHjIGCAAQCBAeMgYIABAIEB46BwgAELEDEEM6CggAELEDEIMBEEM6BAgAEENQ6ytY6EFg30NoAHAAeAGAAVKIAesJkgECMjGYAQCgAQGqAQtnd3Mtd2l6LWltZ7ABAMABAQ&sclient=img&ei=LGWEX5H_KYuNgwes7IqQAg&bih=965&biw=1225&client=ubuntu&hs=O41#imgrc=QM6Y4paN0cieaM" target="_blank">Búsqueda</a>.<br /><br /><span style="color: #990000;"><b>Geometría</b></span>:<br /></li><li>Mandalas: <a href="https://www.youtube.com/watch?v=2Zs1pQ3mCx4" target="_blank">Pasos simples</a> - <a href="https://www.youtube.com/watch?v=pPHyYBmQ5RA" target="_blank">Coloreando</a>. Vídeos.</li><li>Caretas Okuda:<br /><br /><b><span style="color: #990000;">Cómics:</span></b></li><li><a href="https://caricaturasdavid.com/wp-content/uploads/2018/12/caricaturas-simetria.jpg" target="_blank">Simetría de caras</a> - <a href="https://image.jimcdn.com/app/cms/image/transf/dimension=2048x2048:format=jpg/path/sd3b1661281149e6a/image/i0d6f7b98a968824c/version/1548354872/image.jpg" target="_blank">Simetría 2</a> - <a href="https://i.pinimg.com/originals/17/2d/c6/172dc628801147d1d71c2f3fb1ed4d72.jpg" target="_blank">Formas</a> - <a href="https://i.pinimg.com/originals/c8/d4/ec/c8d4ec10cb3b7163529a432ea89d8ca4.jpg" target="_blank">Caras</a> - <a href="https://comps.canstockphoto.es/emoticon-expresiones-caricatura-clipart-vectorial_csp43283453.jpg" target="_blank">Emociones</a> - <a href="https://st4.depositphotos.com/20524830/26295/i/1600/depositphotos_262956444-stock-photo-cartoon-faces-emotions-humor-comics.jpg" target="_blank">Emociones 2</a> - <a href="http://imagenes.mailxmail.com/cursos/imagenes/5/9/caras-femeninas-e-infantiles_26595_6_3.jpg" target="_blank">Pelo 1</a> - <a href="http://imagenes.mailxmail.com/cursos/imagenes/5/9/comic-caracteristicas-del-cabello_26595_3_1.jpg" target="_blank">Pelo 2</a>.<br /><br /><span style="color: #990000;"><b>Enlaces</b></span>:</li>
<li><a href="https://www.educa2.madrid.org/web/aprendemos-con-bots/grupostronicos" target="_blank">Trabajos de "Grupostrónicos"</a>. Vídeos y página de referencia.<br />Búsqueda de imágenes <a href="https://www.google.es/search?q=mir%C3%B3&client=ubuntu&hs=lV1&channel=fs&dcr=0&source=lnms&tbm=isch&sa=X&ved=0ahUKEwiUsczI-57WAhUSbVAKHVfYCqsQ_AUICigB&biw=1920&bih=949" target="_blank">Miró</a>.</li>
<li>Búsqueda de imágenes <a href="https://www.google.es/search?q=mondrian&client=ubuntu&hs=RBM&channel=fs&dcr=0&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjri4vR-57WAhUGJVAKHbzlAwoQ_AUICigB&biw=1920&bih=949" target="_blank">Mondrian</a>.</li>
<li>Búsqueda de imágenes <a href="https://www.google.es/search?q=Gaud%C3%AD+mosaico&client=ubuntu&hs=0BM&channel=fs&dcr=0&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjzztXh-57WAhUEaVAKHXTLD-MQ_AUICigB&biw=1920&bih=949" target="_blank">Gaudí (mosaicos)</a>.</li>
<li>Búscquea de imágenes de <a href="https://www.google.es/search?client=ubuntu&hs=wDM&channel=fs&dcr=0&biw=1920&bih=949&tbm=isch&sa=1&q=cer%C3%A1mica+andaluza&oq=cer%C3%A1mica+andaluza&gs_l=psy-ab.3..0i24k1.13959.15719.0.15879.10.9.1.0.0.0.95.702.9.9.0....0...1.1.64.psy-ab..0.9.650...0.UjY3esDB8H0" target="_blank">cerámica</a>. <br /><br /><b><span style="color: #990000;">Herramientas instalables</span></b>:</li>
<li><a href="http://www.tuxpaint.org/?lang=es" target="_blank">Tuxpaint</a>. Editor de dibujo instalable. <a href="http://jueduco.blogspot.com.es/2013/03/mitvir-crea-con-tuxpaint-minitaller.html" target="_blank">Artículo relacionado</a>.<br /><br /><b><span style="color: #990000;">Herramientas en línea</span></b>:</li>
<li><a href="http://www.dibujosparapintar.com/juegos_ed_colorear_enlinea.html#" target="_blank">Dibujos para pintar</a>. En línea. Selecciona dibujo y coloréalo.</li>
<li><a href="http://bomomo.com/" target="_blank">Bomomo</a>. Editor de dibujo online. <a href="http://jueduco.blogspot.com.es/2012/11/mitvir-bomomo-minitaller-virtual.html" target="_blank">Artículo relacionado</a>.</li>
<li><a href="http://www.escapemotions.com/experiments/flame/#top" target="_blank">Flame Painter</a>. Editor dibujo de llamas. Si no funciona, prueba con otro navegador y comprueba sus plugins. <a href="http://jueduco.blogspot.com.es/2012/11/mitvir-flame-painter-minitaller-virtual.html" target="_blank">Artículo relacionado</a>.</li>
<li><a href="https://thisissand.com/" target="_blank">Thisissand</a>. Dibujo con arena. Pulsa en Start y luego sobre la pantalla para que caiga arena. Usa los menús y paleta de colores en las esquinas superiores. <a href="http://jueduco.blogspot.com.es/2012/12/mitvir-thisissand-minitaller-virtual.html" target="_blank">Artículo relacionado</a>.</li>
<li><a href="https://jueduco.blogspot.com.es/2012/08/mas-de-1000-herramientas-web-que.html" target="_blank">Muchas más aplicaciones en línea</a>. Busca en los apartados de colorear, animación, avatar, dibujo, diseño, cómic, imagen, logotipos, pizarra, presentaciones, pósters, tarjetas...<br /><br /><b><span style="color: #990000;">Historia del Arte</span></b>:</li>
<li><a href="https://www.google.es/search?q=arte+prehist%C3%B3rico&client=ubuntu&hs=vXH&channel=fs&dcr=0&source=lnms&tbm=isch&sa=X&ved=0ahUKEwi6s9zgm43aAhWIWxQKHRGoDlEQ_AUICigB&biw=1552&bih=943" target="_blank">Arte prehistórico</a>. Búsqueda de imágenes. <a href="https://www.google.es/search?client=ubuntu&channel=fs&dcr=0&biw=1542&bih=943&tbm=isch&sa=1&ei=GHW7WpqqLoP4UsGvndAN&q=dibujo+prehistoria&oq=dibujo+prehistoria&gs_l=psy-ab.3..0l8j0i7i30k1l2.36990.37970.0.38248.6.6.0.0.0.0.114.402.4j1.5.0....0...1c.1.64.psy-ab..1.5.398...0i13k1.0.5YBnbINGtVI" target="_blank">Dibujos</a> y <a href="https://www.google.es/search?client=ubuntu&channel=fs&dcr=0&biw=1542&bih=943&tbm=isch&sa=1&ei=-nS7WtPYMIeqU4zYmqgM&q=recortables+prehistoria&oq=recortables+prehistoria&gs_l=psy-ab.3..0l2.26920.28588.0.29208.11.11.0.0.0.0.124.870.10j1.11.0....0...1c.1.64.psy-ab..1.10.798...0i7i30k1j0i7i5i30k1.0.oWZSv-ZOSpA" target="_blank">recortables</a>.</li>
<li><a href="https://www.google.es/search?client=ubuntu&hs=asw&channel=fs&dcr=0&biw=1552&bih=943&tbm=isch&sa=1&ei=r5i6WpXuHYn0UMvshuAL&q=arte+antiguo&oq=arte+antiguo&gs_l=psy-ab.3..0l10.55210.57122.0.57344.9.6.1.2.3.0.84.448.6.6.0....0...1c.1.64.psy-ab..0.9.474...0i67k1j0i13k1.0.os3ney_ZERg" target="_blank">Arte antiguo</a>. Búsqueda de imágenes. <a href="https://www.google.es/search?client=ubuntu&channel=fs&dcr=0&biw=1542&bih=943&tbm=isch&sa=1&ei=P3W7WrS4IYjrUo7iotgO&q=arte+antiguo+dibujo&oq=arte+antiguo+dibujo&gs_l=psy-ab.3..0j0i8i30k1.25194.28420.0.29046.19.16.0.3.3.0.88.1078.16.16.0....0...1c.1.64.psy-ab..0.19.1098...0i67k1.0.MMC2VKSUJnE" target="_blank">Dibujos</a> y <a href="https://www.google.es/search?client=ubuntu&channel=fs&dcr=0&biw=1542&bih=943&tbm=isch&sa=1&ei=wXW7WtDKNYefU9zZpdgP&q=+egipto+grecia+roma+recortable&oq=+egipto+grecia+roma+recortable&gs_l=psy-ab.3...15120.15120.0.15306.1.1.0.0.0.0.62.62.1.1.0....0...1c.1.64.psy-ab..0.0.0....0.7fkT4KESPN0" target="_blank">recortables</a>.</li>
<li><a href="https://www.google.es/search?client=ubuntu&channel=fs&dcr=0&biw=1542&bih=943&tbm=isch&sa=1&ei=17i6WortIuzKgAbKw4bgBA&q=arte++barroco+romanticismo&oq=arte++barroco+romanticismo&gs_l=psy-ab.3...5100.5794.0.6128.4.4.0.0.0.0.88.280.4.4.0....0...1c.1.64.psy-ab..0.0.0....0.K0y7jRowVgk#imgrc=_" target="_blank">Arte tradicional (más realista y figurativo)</a> . Búsqueda de imágenes. <a href="https://www.google.es/search?client=ubuntu&hs=s2W&channel=fs&dcr=0&biw=1538&bih=943&tbm=isch&sa=1&ei=ZoG7WrqwNIL0UImfrsgG&q=siglo+XV+XVIII+edificios+recortables&oq=siglo+XV+XVIII+edificios+recortables&gs_l=psy-ab.3...3866.3866.0.4044.1.1.0.0.0.0.72.72.1.1.0....0...1c.1.64.psy-ab..0.0.0....0.NhIaVYwFhag" target="_blank">Recortables</a>.</li>
<li><a href="https://www.google.es/search?client=ubuntu&hs=3Os&channel=fs&dcr=0&biw=1538&bih=943&tbm=isch&sa=1&ei=yIu7WoSWCovqUuyarIAE&q=arte+abstracto+actual&oq=arte+abstracto+actual&gs_l=psy-ab.3..0.41722.46132.0.46436.29.14.4.11.11.0.114.1040.13j1.14.0....0...1c.1.64.psy-ab..0.28.1060...0i67k1j0i8i30k1j0i30k1j0i5i30k1j0i10i24k1j0i24k1.0.6xNnWPVqJWo" target="_blank">Arte abstracto actual</a>. Búsqueda de imágenes.</li>
<li><a href="https://www.google.es/search?client=ubuntu&channel=fs&dcr=0&biw=1538&bih=943&tbm=isch&sa=1&ei=1oa7Wq-dD8PkUebetKAM&q=dibujos+de+momumentos&oq=dibujos+de+momumentos&gs_l=psy-ab.3..0i13k1l10.10764.14596.0.14716.23.16.1.6.6.0.92.1234.16.16.0....0...1c.1.64.psy-ab..0.22.1200...0j0i67k1j0i8i13i30k1.0.BY7kgljLt7I" target="_blank">Dibujos de momumentos</a>. Búsqueda de imágenes. </li>
<li><a href="http://3.bp.blogspot.com/-Ruza2_DMRLw/VBpDX6ZQW0I/AAAAAAAAARQ/y0XP-HqQIBI/s1600/Etapas%2Bde%2Bla%2Bhistoria%2Bdel%2Barte2.jpg" target="_blank">Etapas de la historia del arte</a>. Esquema. </li>
<li><a href="https://www.youtube.com/watch?v=_1z9f1bt_Bo" target="_blank">Historia del dibujo y la pintura</a>. Vídeo. </li>
<li><a href="https://www.youtube.com/watch?v=NI1qLaBvrfM" target="_blank">Breve historia del Arte</a>. Video. </li>
<li><a href="https://www.youtube.com/watch?v=jtnwntFoCcU" target="_blank">Línea del tiempo del Arte</a>. Vídeo.</li>
<li><a href="https://www.youtube.com/watch?v=E8WV0yT6MQE" target="_blank">Arte Prehistórico, Antiguo, Medieval, de la Edad Moderna y Contemporáneo</a>. Vídeo. </li>
<li><a href="https://www.youtube.com/watch?v=n8VSm0rr4tM" target="_blank">Historia del Arte. Períodos, estilos y movimientos</a>. Vídeo.</li>
<li><a href="https://www.youtube.com/watch?v=P9eCEOjLoJ4" target="_blank">Breve vistazo a la historia del Arte</a>. Vídeo.</li>
<li><a href="https://www.youtube.com/watch?v=5z6bw0VFhC8" target="_blank">Cronología del Arte</a>. Vídeo.</li>
<li><a href="https://www.youtube.com/watch?v=MtrUNg68XKA" target="_blank">Arte abstracto</a>. Vídeo. </li>
<li><a href="https://www.youtube.com/watch?v=r7EzRwEPNz0" target="_blank">Arte abstracto</a>. Vídeo. </li>
<li><a href="https://www.geniolandia.com/13070065/arte-tradicional-contra-arte-moderno" target="_blank">Arte tradicional contra arte moderno</a>. Lectura. <br /><br /><b><span style="color: #990000;">Autores:</span></b></li><li><a href="https://view.genial.ly/601ef0dd11728e0d192820b9/interactive-image-la-noche-estrellada-el-grito-copia" target="_blank">Van Gogh - Edvard Munch</a>. Genially. <br /><a href="https://www.youtube.com/watch?v=0zPAHxk83CU" target="_blank">La noche estrellada</a>. Vídeo explicativo.<br /><a href="https://www.youtube.com/watch?v=mZfL7uovwOo" target="_blank">La noche estrellada</a>. Vídeo: cómo dibujarlo.<br /><a href="https://www.youtube.com/watch?v=FH59Yrzozzo" target="_blank">El grito</a>. Vídeo explicativo.<br /><a href="https://www.youtube.com/watch?v=bO1yDJ_Y9OQ&t=1s" target="_blank">El grito</a>. Vídeo: cómo dibujarlo.<br /><br /><b><span style="color: #990000;">Ozobot</span></b>:</li>
<li><a href="https://www.google.es/search?client=ubuntu&channel=fs&dcr=0&biw=1538&bih=943&tbm=isch&sa=1&ei=a6-7WsOlBYHjU8mUlKAI&q=ozobot+costume&oq=ozobot+costume&gs_l=psy-ab.3..0i19k1.9514.9514.0.9918.1.1.0.0.0.0.74.74.1.1.0....0...1c.1.64.psy-ab..0.1.72....0.S1xGAGgQUQw#imgrc=_" target="_blank">Ideas de disfraces para Ozobot</a>. Búsqueda de imágenes.</li>
<li><a href="https://www.youtube.com/watch?time_continue=75&v=S67fwjDiPCY" target="_blank">Papiroflexia. Barco de papel</a>. Vídeo. <a href="https://www.taringa.net/posts/hazlo-tu-mismo/19680846/Converti-tu-hoja-de-papel-en-un-barco-de-papel-en-este-post.html" target="_blank">Instrucciones</a>. </li>
<li><a href="https://www.youtube.com/watch?v=UJwAjuglxM4" target="_blank">Papiroflexia. Marioneta de dedos: conejo</a>. Vídeo. <a href="https://es.dreamstime.com/stock-de-ilustraci%C3%B3n-instrucciones-paso-paso-c%C3%B3mo-hacer-papiroflexia-un-conejo-image67509636" target="_blank">Instrucciones parecidas</a>.</li>
</ol>
<ol>
</ol>
En unas semanas, unos cuantos enlaces más... :-)<br />
<ol>
</ol>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-54238349275049568642017-07-18T12:10:00.001+02:002017-07-18T18:03:01.604+02:00Evita obstáculos - ArduBlock, Bitbloq y mBlock(Artículo en construcción)<br />
<br />
Referencia de programa: 05C <br />
<br />
<span style="color: #990000;"><b>Arduino IDE 1.0.6 y ArduBlock 20130607 en MAX 6.5 (MAdrid_linuX)</b></span><br />
<br />
<ul>
<li><span style="color: #990000;"><span style="color: black;">Utilizando los valores 2000 y 1000 para controlar el avance o retroceso:</span><b> </b></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-XNlm2l8mi54/WW3hBmdqW9I/AAAAAAAAC7A/vdus9yszGOIheogP956IiuUBaTynFePZQCLcBGAs/s1600/05C_EvitaObstaculos.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="587" data-original-width="582" src="https://1.bp.blogspot.com/-XNlm2l8mi54/WW3hBmdqW9I/AAAAAAAAC7A/vdus9yszGOIheogP956IiuUBaTynFePZQCLcBGAs/s1600/05C_EvitaObstaculos.png" /></a></div>
<ul>
<li>Utilizando los valores 180 y 0 para controlar el avance y retroceso:</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-Zt56pnQk7Zo/WW3joGis_uI/AAAAAAAAC7M/1S6b5368sXwaieh69xLd4YJQs7CUWFc8gCLcBGAs/s1600/05C_EvitaObstaculos180.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="589" data-original-width="576" src="https://3.bp.blogspot.com/-Zt56pnQk7Zo/WW3joGis_uI/AAAAAAAAC7M/1S6b5368sXwaieh69xLd4YJQs7CUWFc8gCLcBGAs/s1600/05C_EvitaObstaculos180.png" /></a></div>
<br />
<br />
Prepara el montaje:<br />
<ul>
<li>Placa Arduino.</li>
<li>Ultrasonido de 4 cables (no siempre es igual con todas las placas y shields):<br />Pin digital 4 - Tres primeros cables<br />Pin digital 5 - Cuarto cable (a señal, no a ground).</li>
<li>Pin digital 9 - Servo de rotación continua.</li>
<li>Pin digital 10 - Servo de rotación continua. </li>
</ul>
<div style="text-align: justify;">
Ten en cuenta:</div>
<div style="text-align: justify;">
</div>
<ul style="text-align: justify;">
<li>En las placas con hileras de tres pines conecta los cables empezando normalmente por
"ground".</li>
<li>Cuidado. Si conectas mal los cables, podría calentarse el ultrasonido. </li>
<li><b>Importante</b>. Según cómo coloques los servos en el robot (con los cables que salen del servo mirando hacia adelante o hacia atrás), el robot irá hacia delante o hacia atrás cuando no detecte obstáculo.</li>
<li><b>Distancia</b>. En función del diseño del robot y necesidades, será conveniente aumentar o disminuir la distancia que condiciona avanzar o girar.</li>
</ul>
<div style="text-align: justify;">
Programa:</div>
<ul style="text-align: justify;">
<li>Crea el programa correspondiente a la tarea a realizar.</li>
</ul>
<div style="text-align: justify;">
Prueba:</div>
<ol>
<li>Pulsa en "Cargar a Arduino".</li>
<li>Acerca la mano u otro objeto al ultrasonido y luego aléjalo.</li>
<li>Describe los pasos y lo que ha ocurrido. </li>
<li>Cambia el pin digital para que suene un zumbido o sonido.</li>
<li>Cambia el pin digital para que se encienda un led de otro color.</li>
<li>Cambia la dirección de los servos. </li>
<li>Cambia a valores mayores.</li>
<li>Cambia los valores de alto y bajo.</li>
<li>Describe lo que ha ocurrido tras los cambios.</li>
<li>Describe lo que crees que hace cada bloque paso a paso.</li>
<li>Describe 3 posibles usos de este montaje en la vida real.</li>
</ol>
<div style="text-align: justify;">
Investiga:</div>
<ul>
<li style="text-align: justify;">Investiga nuevas posibilidades cambiando valores y bloques.</li>
</ul>
<span style="color: #990000;"><b>Bitbloq Offline v1.0.3 en MAX 8.0 (MAdrid_linuX)</b></span> <br />
<br />
Montaje:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-uV1TDqJL1sw/WW3Rv4htP3I/AAAAAAAAC6k/7xhIPmFWpIsxNsGDEAn8ltpL7FAF-3uhgCLcBGAs/s1600/03F_Ultrasonido2Servos.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="522" data-original-width="419" src="https://1.bp.blogspot.com/-uV1TDqJL1sw/WW3Rv4htP3I/AAAAAAAAC6k/7xhIPmFWpIsxNsGDEAn8ltpL7FAF-3uhgCLcBGAs/s1600/03F_Ultrasonido2Servos.png" /></a></div>
Programa:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-NgC5XIq6P7w/WW3ejDUB5VI/AAAAAAAAC64/A8yuluby46kT62NPciHrxZqMtIUxea-OQCLcBGAs/s1600/05B_EvitaObstaculosP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="477" data-original-width="572" src="https://4.bp.blogspot.com/-NgC5XIq6P7w/WW3ejDUB5VI/AAAAAAAAC64/A8yuluby46kT62NPciHrxZqMtIUxea-OQCLcBGAs/s1600/05B_EvitaObstaculosP.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #990000;"><b> </b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #990000;"><b>mBlock con mBot (mCore) en MAX 9.0 (MAdrid_linuX) 64 bits ("solo" autónomo)</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #990000;"><b> </b></span></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
Se necesita un
módulo ultrasonido conectado en el puerto 3.<br />
<br />
En este caso, hemos procedido de forma contraria. Hemos utilizado signo de comparación <, pero también se pueden intercambiar los bloques entre los bucles condicionales y utilizar >.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-KtoQgf9RETY/WW3bM6yMYlI/AAAAAAAAC60/UOryKf1p77oT4ZaGvzFEaGzAZmHSu8v0wCLcBGAs/s1600/05C_Evitaobst%25C3%25A1culosContrario.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="558" data-original-width="492" src="https://3.bp.blogspot.com/-KtoQgf9RETY/WW3bM6yMYlI/AAAAAAAAC60/UOryKf1p77oT4ZaGvzFEaGzAZmHSu8v0wCLcBGAs/s1600/05C_Evitaobst%25C3%25A1culosContrario.png" /></a></div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-43550525682427357442017-05-03T23:55:00.000+02:002017-07-21T11:11:13.813+02:00Potenciómetro con variación de luces y zumbador pasivo - ArduBlock, Bitbloq y mBlock<span style="background-color: #f3f3f3; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; font-style: italic; line-height: 22px;">(Artículo en construcción) </span><br />
<br />
Referencia de programa: 03N <br />
<br />
<b style="background-color: #f3f3f3; color: #990000; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px;">Arduino IDE 1.0.6 y ArduBlock 20130607 en MAX 6.5 (MAdrid_linuX)</b><br />
<b style="background-color: #f3f3f3; color: #990000; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px;"> </b><br />
<span style="background-color: #f3f3f3; color: #990000; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; line-height: 22px;"><span style="color: black;"><span style="background-color: #f3f3f3; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; line-height: 22px;">Inicialmente previsto para placa multifunción i/o con 5 luces.</span></span></span><br />
<br />
<span style="font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif;"><b>Aviso</b>. Existe una redundancia en el pin 11. Se<b> </b>puede mantener así y sólo funcionaría con 5 luces (teniendo en cuenta que el pin 11 duraría más) o configurarlo para que se encienda un led en un pin diferente, por ejemplo, D8 u otro.</span><span style="background-color: #f3f3f3; color: #990000; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; font-style: italic; line-height: 22px;"></span><b style="background-color: #f3f3f3; color: #990000; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px;"> </b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-BbPA1dNM41c/WQqPcwIm5ZI/AAAAAAAACxg/LkLX1IOoJEcjs7L8r9olmG6BikfnM8gKQCLcB/s1600/pa1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-BbPA1dNM41c/WQqPcwIm5ZI/AAAAAAAACxg/LkLX1IOoJEcjs7L8r9olmG6BikfnM8gKQCLcB/s1600/pa1.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-BMJkHdJ-iFQ/WQqPcz1KHhI/AAAAAAAACxc/mE-DFnnxJ0kyCuEjuM1bB_Po3U8Uz4kwACLcB/s1600/pa2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-BMJkHdJ-iFQ/WQqPcz1KHhI/AAAAAAAACxc/mE-DFnnxJ0kyCuEjuM1bB_Po3U8Uz4kwACLcB/s1600/pa2.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="background-color: #f3f3f3; color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; font-style: italic; line-height: 22px;">Prepara el montaje:</span><span style="background-color: #f3f3f3; color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; font-style: italic; line-height: 22px;"><br /></span><br />
<ul style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px; text-align: left;">Placa Arduino.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px; text-align: left;">Pin analógico 0 - Potenciómetro.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px; text-align: left;">Pin digital 5 - Zumbador pasivo.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px; text-align: left;">Pines digitales 9, 10, 11, 12 y 13 - Leds de diversos colores.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px; text-align: left;">Opciones: Sensor analógico de temperatura. Más leds, zumbadores o actuadores en otros pines digitales.</li>
</ul>
<div style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; text-align: left;">
Ten en cuenta:</div>
<div style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; text-align: justify;">
</div>
<ul style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em; text-align: justify;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px; text-align: left;">En las placas con hileras de tres pines conecta los cables empezando normalmente por "ground".</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px; text-align: left;">Prueba otro tipo de sensores analógico en vez del potenciómetro. Cambia los valores o los operadores en función de las características del sensor analógico (luz, sonido...). Algunos módulos responden a valores diferentes. En algunos sensores LDR los valores altos son para falta de luz y en otros para mucha luminosidad. Lo mismo ocurre con otros módulos.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px; text-align: left;">Puedes cambiar los valores a partir de los cuales se encienden las luces. En el ejemplo inicial, se deja un margen hasta 150 sin encender ningún led, pero puede modificarse para que un led se encienda más al inicio marcando el primer valor a -1, 0 u otro valor próximo.</li>
</ul>
<span style="color: #990000;"><b>Bitbloq 2 online</b></span> <br />
<br />
<b>Aviso</b>. La versión offline en el momento de la prueba no disponía
del bloque para escribir en un pin digital un valor analógico. Se ha
utilizado la versión en línea.<br />
<br />
Montaje:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-ra8GufzmFR4/WXHEix64NII/AAAAAAAAC98/TiVqMslcsK4Oh7dgC0mz6WQa8_jnzbHhgCLcBGAs/s1600/03N_PotenciometroLuces6LedsyZumbador.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="610" data-original-width="462" src="https://1.bp.blogspot.com/-ra8GufzmFR4/WXHEix64NII/AAAAAAAAC98/TiVqMslcsK4Oh7dgC0mz6WQa8_jnzbHhgCLcBGAs/s1600/03N_PotenciometroLuces6LedsyZumbador.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Programa:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-T2VEQheOW0Y/WXHEp7uK_XI/AAAAAAAAC-A/kR1jZiFs5lw-KGRKqj993ZGeOyGMARsPgCLcBGAs/s1600/03N_PotenciometroLuces6LedsyZumbadorP1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="748" data-original-width="918" height="520" src="https://3.bp.blogspot.com/-T2VEQheOW0Y/WXHEp7uK_XI/AAAAAAAAC-A/kR1jZiFs5lw-KGRKqj993ZGeOyGMARsPgCLcBGAs/s640/03N_PotenciometroLuces6LedsyZumbadorP1.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-p784ugznh5Y/WXHEq9jyBkI/AAAAAAAAC-E/cUaPMzeBkus8mofHRk6TpOqdhkGb9jpHQCLcBGAs/s1600/03N_PotenciometroLuces6LedsyZumbadorP2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="647" data-original-width="596" height="640" src="https://1.bp.blogspot.com/-p784ugznh5Y/WXHEq9jyBkI/AAAAAAAAC-E/cUaPMzeBkus8mofHRk6TpOqdhkGb9jpHQCLcBGAs/s640/03N_PotenciometroLuces6LedsyZumbadorP2.png" width="588" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-_C_B10k673c/WXHEr7Ak1OI/AAAAAAAAC-I/UX2nEjZyMFctUyhO7VIqFUYMWMbGly9bQCLcBGAs/s1600/03N_PotenciometroLuces6LedsyZumbadorP3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="647" data-original-width="601" height="640" src="https://3.bp.blogspot.com/-_C_B10k673c/WXHEr7Ak1OI/AAAAAAAAC-I/UX2nEjZyMFctUyhO7VIqFUYMWMbGly9bQCLcBGAs/s640/03N_PotenciometroLuces6LedsyZumbadorP3.png" width="594" /></a></div>
<br />
La versión offline no incorpora el bloque avanzado de "Escribir en el
pin digital _ el valor analógico _", por lo que hemos utilizado la
versión online de Bitbloq 2.<br />
<br />
En este caso, no hemos utilizado variables; mostramos un ejemplo de programación con una sola linea de bloque.<br />
<br />
Además, al ejecutar el sonido en el zumbador pasivo, se ha preferido<b> dividir el valor de lectura del potenciómetro por 12 </b>para así tener un aumento de sonido más acorde con lo que correspondería a una posible alarma con sonido y luces.<br />
<br />
También podría conseguirse un efecto similar utilizando el mapeado.<br />
<br />
<ul style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em; text-align: justify;">
</ul>
<ul style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em; text-align: justify;">
</ul>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #990000;"><b>mBlock con mBot (mCore) en MAX 9.0 (MAdrid_linuX) 64 bits ("solo" autónomo)</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #990000;"><b> </b></span></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="text-align: justify;">
En este ejemplo, debemos utilizar el módulo externo potenciómetro conectado en el puerto 4.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Además, tengamos en cuenta que para que no se oiga ningún ruido al rotar el potenciómetro a 0, se ha fijado tanto la nota a 0.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ofrecemos varias posiblidades, con uso o no de variables para cambio más directo o progresivo, según se desee.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<ul>
<li>Sin cambio progresivo a colores concretos.</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-jpvVbNPTh_s/WWhvpYk9ARI/AAAAAAAAC3I/pGcH04Igb8AGtE6ljsZa_yWnDuc7WNCCgCLcBGAs/s1600/03N_PotenciometroLuces6LedsyZumbadorA.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="820" data-original-width="508" src="https://3.bp.blogspot.com/-jpvVbNPTh_s/WWhvpYk9ARI/AAAAAAAAC3I/pGcH04Igb8AGtE6ljsZa_yWnDuc7WNCCgCLcBGAs/s1600/03N_PotenciometroLuces6LedsyZumbadorA.png" /></a></div>
<div style="text-align: justify;">
<ul>
<li>Con cambio progresivo de uno de los colores:</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-OsqLqFfyrng/WWhwPYam7KI/AAAAAAAAC3U/OK9OWFPm7fMlqD9JZ4HFLz1Q-Iv14_xSQCLcBGAs/s1600/03N_PotenciometroLuces6LedsyZumbadorB1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="416" data-original-width="527" src="https://2.bp.blogspot.com/-OsqLqFfyrng/WWhwPYam7KI/AAAAAAAAC3U/OK9OWFPm7fMlqD9JZ4HFLz1Q-Iv14_xSQCLcBGAs/s1600/03N_PotenciometroLuces6LedsyZumbadorB1.png" /> </a></div>
<ul>
<li>Cambio progresivo de varios colores (dos posibilidades): </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-xptAB1xuR6g/WWhwPa8AFZI/AAAAAAAAC3Q/0eQzzEuKQDIIPlgEku9drtI7OECXwlxIwCLcBGAs/s1600/03N_PotenciometroLuces6LedsyZumbadorB3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="446" data-original-width="615" src="https://4.bp.blogspot.com/-xptAB1xuR6g/WWhwPa8AFZI/AAAAAAAAC3Q/0eQzzEuKQDIIPlgEku9drtI7OECXwlxIwCLcBGAs/s1600/03N_PotenciometroLuces6LedsyZumbadorB3.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-NzLJt7KlJLA/WWhwPQ-shWI/AAAAAAAAC3M/N_nuPBJI2Uwg_i3CdVxYir12BTSwJOtBwCLcBGAs/s1600/03N_PotenciometroLuces6LedsyZumbadorB2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="418" data-original-width="615" src="https://4.bp.blogspot.com/-NzLJt7KlJLA/WWhwPQ-shWI/AAAAAAAAC3M/N_nuPBJI2Uwg_i3CdVxYir12BTSwJOtBwCLcBGAs/s1600/03N_PotenciometroLuces6LedsyZumbadorB2.png" /></a></div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-43133362837504131832017-05-03T21:08:00.002+02:002017-07-23T18:40:31.438+02:00Sensor de luz con 8 leds y zumbador - ArduBlock, Bitbloq y mBlock(Artículo en construcción)<br />
<br />
Referencia de programa: 03M <br />
<br />
<b style="background-color: #f3f3f3; color: #990000; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px;">Arduino IDE 1.0.6 y ArduBlock 20130607 en MAX 6.5 (MAdrid_linuX)</b><br />
<br />
<span style="background-color: #f3f3f3; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; line-height: 22px;">Inicialmente previsto para placa multifunción i/o. </span><b style="background-color: #f3f3f3; color: #990000; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px;"></b><br />
<b style="background-color: #f3f3f3; color: #990000; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px;"> </b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-RHiTHmnPfZs/WQop20Qq0GI/AAAAAAAACw0/e_wU5JgghkAGWCKYAMLFtWaMCVUFS1Y6ACLcB/s1600/parte1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-RHiTHmnPfZs/WQop20Qq0GI/AAAAAAAACw0/e_wU5JgghkAGWCKYAMLFtWaMCVUFS1Y6ACLcB/s1600/parte1.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-NiejzEPe7mY/WQop4tigeWI/AAAAAAAACw4/Q_vX4tLoWI8LE3-ROqzubVXK8LUD-dZKACLcB/s1600/parte2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-NiejzEPe7mY/WQop4tigeWI/AAAAAAAACw4/Q_vX4tLoWI8LE3-ROqzubVXK8LUD-dZKACLcB/s1600/parte2.png" /></a></div>
<br />
Prepara el montaje:<br />
<ul>
<li>Placa Arduino.</li>
<li>Pin analógico 3 - Sensor de luz LDR, de sonido u otro sensor analógico.</li>
<li>Pin digital 3 - Zumbador activo.</li>
<li>Pines digitales 2, 4, 5, 6, 7, 9, 10 y 11 - Leds de diversos colores.</li>
<li>Opciones: Sensor analógico de temperatura. Más leds, zumbadores o actuadores en otros pines digitales. </li>
</ul>
<div style="text-align: justify;">
Ten en cuenta:</div>
<div style="text-align: justify;">
</div>
<ul style="text-align: justify;">
<li>En las placas con hileras de tres pines conecta los cables empezando normalmente por
"ground".</li>
<li>Cambia los valores o los operadores en función de las
características del sensor analógico (luz, sonido...). Algunos módulos
responden a valores diferentes. En algunos sensores LDR los valores
altos son para falta de luz y en otros para mucha luminosidad. Lo mismo
ocurre con otros módulos.</li>
</ul>
<span style="color: #990000;"><b>Bitbloq Offline v1.0.3 en MAX 8.0 (MAdrid_linuX)</b></span> <br />
<br />
<br />
Montaje:<br />
<br />
<b>Aviso</b>. En este caso, usaremos un zumbador activo (no el pasivo con el que se usa el bloque nota), por lo que, como ya hemos hecho en ocasiones anteriores, lo consideramos como un led que se enciende y se apaga. <span style="color: #990000;"><span style="color: black;">También podemos optar por no añadir este icono y, dentro de <b>Componentes</b>, pulsar en <b>Avanzados</b>
y acceder a los bloques que permiten leer pines digitales directamente,
pero hemos preferido este método para así reflejar de una forma más
gráfica las conexiones.</span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-0C45nWWTwZw/WXD4QaTJ1fI/AAAAAAAAC9Y/enxWnB4KqpQNiXIlN2usJTzFG_fAZfUfwCLcBGAs/s1600/03M_%2BSensorLuz8Leds1Zumbador.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="628" data-original-width="416" src="https://2.bp.blogspot.com/-0C45nWWTwZw/WXD4QaTJ1fI/AAAAAAAAC9Y/enxWnB4KqpQNiXIlN2usJTzFG_fAZfUfwCLcBGAs/s1600/03M_%2BSensorLuz8Leds1Zumbador.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Programa:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-7UzdtRnmZEA/WXD4Yg-fznI/AAAAAAAAC9c/mE2ckT5s8uMu9gqzL9L0wdILPBjMSnodgCLcBGAs/s1600/03M_%2BSensorLuz8Leds1ZumbadorP1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="670" data-original-width="574" src="https://3.bp.blogspot.com/-7UzdtRnmZEA/WXD4Yg-fznI/AAAAAAAAC9c/mE2ckT5s8uMu9gqzL9L0wdILPBjMSnodgCLcBGAs/s1600/03M_%2BSensorLuz8Leds1ZumbadorP1.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-lujBQsbPizM/WXD4ZcEdfqI/AAAAAAAAC9g/o-V7JWursbkVJiWIumlF-eimngq-QqI8QCLcBGAs/s1600/03M_%2BSensorLuz8Leds1ZumbadorP2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="836" data-original-width="428" src="https://4.bp.blogspot.com/-lujBQsbPizM/WXD4ZcEdfqI/AAAAAAAAC9g/o-V7JWursbkVJiWIumlF-eimngq-QqI8QCLcBGAs/s1600/03M_%2BSensorLuz8Leds1ZumbadorP2.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #990000;"><b> </b></span></div>
<div class="separator" style="clear: both; text-align: left;">
Como ya hemos indicado, podemos utilizar el bloque de <b>Leer pin digital</b> en <b>Componentes > Avanzados</b>. Lo proponemos como práctica:</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-4ePMT_TK1SY/WXTNlfAcVyI/AAAAAAAADBQ/sUt5al39ntkVhSv_iLD7SxROFcEPMhlkwCLcBGAs/s1600/avanzados.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="256" data-original-width="394" src="https://2.bp.blogspot.com/-4ePMT_TK1SY/WXTNlfAcVyI/AAAAAAAADBQ/sUt5al39ntkVhSv_iLD7SxROFcEPMhlkwCLcBGAs/s1600/avanzados.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #990000;"><b> </b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #990000;"><b>mBlock con mBot (mCore) en MAX 9.0 (MAdrid_linuX) 64 bits ("solo" autónomo)</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #990000;"><b> </b></span></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="text-align: justify;">
En este ejemplo, debemos utilizar el módulo externo de 4 leds conectado en el puerto 1 y no es necesario usar variables.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<ul>
<li>Modúlo de 4 leds con luces iguales.</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-0oRAWWnGT_A/WWhsPIanuMI/AAAAAAAAC3A/YVXw4NnwFxM3RzGBLbKuJc-IuvzRQUJlwCLcBGAs/s1600/03M_%2BSensorLuz6Leds10Luces1Zumbador.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="577" data-original-width="497" src="https://4.bp.blogspot.com/-0oRAWWnGT_A/WWhsPIanuMI/AAAAAAAAC3A/YVXw4NnwFxM3RzGBLbKuJc-IuvzRQUJlwCLcBGAs/s1600/03M_%2BSensorLuz6Leds10Luces1Zumbador.png" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<ul>
<li>Módulo de 4 leds con luces diferentes.</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-eTWUp_NqsX0/WWhsVTdyGpI/AAAAAAAAC3E/oKtWIECDGSUt5mIvF0O88F4Cnn3vuMHPQCLcBGAs/s1600/03M_%2BSensorLuz6Leds10Luces1ZumbadorB.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="703" data-original-width="497" src="https://2.bp.blogspot.com/-eTWUp_NqsX0/WWhsVTdyGpI/AAAAAAAAC3E/oKtWIECDGSUt5mIvF0O88F4Cnn3vuMHPQCLcBGAs/s1600/03M_%2BSensorLuz6Leds10Luces1ZumbadorB.png" /></a></div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-78285177521285316772017-04-26T23:15:00.001+02:002017-07-16T18:46:54.414+02:00Luces en diversos estados con servomotor de 180º - ArduBlock, Bitbloq y mBlock(Artículo en construcción)<br />
<br />
Referencia de programa: 01K <br />
<b> </b><br />
<b style="background-color: #f3f3f3; color: #990000; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px;">Arduino IDE 1.0.6 y ArduBlock 20130607 en MAX 6.5 (MAdrid_linuX)</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-vaUqZu77Iqs/WQoU3C8Ln1I/AAAAAAAACwk/0KkUdoEgTM0v1ngfPpq1Lh1Md_QumJwEQCLcB/s1600/luzservo2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-vaUqZu77Iqs/WQoU3C8Ln1I/AAAAAAAACwk/0KkUdoEgTM0v1ngfPpq1Lh1Md_QumJwEQCLcB/s1600/luzservo2.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-XRz_nxnOq44/WQoTZ5oA5gI/AAAAAAAACwY/uwfgJT3Kw8AWPX7WlTcFW3n9F9auwy9QACLcB/s1600/servoluz.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<br />
Prepara el montaje:<br />
<ul style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em; text-align: justify;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Placa Arduino.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Pin digital 4 - Led.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Pin digital 8 - Led de otro color..</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Pin digital 13 - Led de otro color (siempre está encendido).</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Pin digital 11 - Servomotor (probaremos con rotación 180º y rotación 360º cambiando los ángulos).</li>
</ul>
<div style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; text-align: justify;">
Ten en cuenta:</div>
<ul style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em; text-align: justify;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">En las placas con hileras de tres pines conecta los cables empezando normalmente por "ground".</li>
</ul>
<div style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; text-align: justify;">
Programa:</div>
<ul style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em; text-align: justify;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Crea el programa que se muestra en la imagen.</li>
</ul>
<div style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; text-align: justify;">
Prueba:</div>
<ol style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; text-align: justify;">
<li style="margin: 0px 0px 0.25em; padding: 0px;">Observa dónde hay bloques y pines digitales repetidos.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Pulsa en "Cargar a Arduino".</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Describe los pasos y lo que ha ocurrido.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Repite el mismo proceso cambiando los números de pin digital por parejas.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Describe lo que ha ocurrido tras los cambios.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Prueba a intercambiar servos de 180º y servos de 360º grados de rotación continua.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Describe lo que crees que hace cada bloque paso a paso.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Describe 3 posibles usos de este montaje en la vida real.</li>
</ol>
<div style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; text-align: justify;">
Investiga:</div>
<ul style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px; text-align: justify;">Investiga nuevas posibilidades cambiando valores y bloques.</li>
</ul>
<span style="color: #990000;"><b><span style="color: #990000;"><b> </b></span></b></span><br />
<span style="color: #990000;"><b><span style="color: #990000;"><b>Bitbloq Offline v1.0.3 en MAX 8.0 (MAdrid_linuX)</b></span><br />
<br />
</b><span style="color: black;">Montaje:</span><b><br />
</b></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-DGCny8EG4-Q/WWuYRNZfGbI/AAAAAAAAC4U/_xt2XNu8hcYRcqiDHxgeXDeKWmIuj-mrgCLcBGAs/s1600/01K_3Leds1Servo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="560" data-original-width="354" src="https://3.bp.blogspot.com/-DGCny8EG4-Q/WWuYRNZfGbI/AAAAAAAAC4U/_xt2XNu8hcYRcqiDHxgeXDeKWmIuj-mrgCLcBGAs/s1600/01K_3Leds1Servo.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Programa:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-7LuteeLdUo8/WWuYWSqhISI/AAAAAAAAC4Y/UHXnxWUkPpI8KQUAbD01FTaS2zumljdbgCLcBGAs/s1600/01K_3Leds1ServoP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="527" data-original-width="409" src="https://1.bp.blogspot.com/-7LuteeLdUo8/WWuYWSqhISI/AAAAAAAAC4Y/UHXnxWUkPpI8KQUAbD01FTaS2zumljdbgCLcBGAs/s1600/01K_3Leds1ServoP.png" /></a></div>
<span style="color: #990000;"><b><br /></b></span><br />
<span style="color: #990000;"><b>mBlock con mBot (mCore) en MAX 9.0 (MAdrid_linuX) 64 bits (conectado y autónomo)</b></span><br />
<span style="color: #990000;"><br /></span>
<span style="color: #990000;"><span style="color: black;">Conecta el cable que va al módulo adaptador en el puerto 1 y el servomotor en el slot 1 de ese mismo módulo adaptador.</span></span><br />
<span style="color: #990000;"><span style="color: black;"> </span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-wpVTRlOosVc/WUwJCEJErAI/AAAAAAAAC0Q/XeTlfZQ-1DQbKqpHTNoqNwkCmabvG2W9wCLcBGAs/s1600/01K_3Colores1Servo1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="489" data-original-width="490" src="https://1.bp.blogspot.com/-wpVTRlOosVc/WUwJCEJErAI/AAAAAAAAC0Q/XeTlfZQ-1DQbKqpHTNoqNwkCmabvG2W9wCLcBGAs/s1600/01K_3Colores1Servo1.png" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-y1Lw6233D-U/WUwJGS54oCI/AAAAAAAAC0U/Owx-ZPkRPlQkSSSLMwlHL_VC2npxPSbnQCLcBGAs/s1600/01K_3Colores1Servo2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="486" data-original-width="489" src="https://2.bp.blogspot.com/-y1Lw6233D-U/WUwJGS54oCI/AAAAAAAAC0U/Owx-ZPkRPlQkSSSLMwlHL_VC2npxPSbnQCLcBGAs/s1600/01K_3Colores1Servo2.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="color: #990000;"><span style="color: black;"><b><span style="color: #660000;">Pendiente</span></b>:</span></span><br />
<ol>
<li><span style="color: #990000;"><span style="color: black;">Se ha observado que con el servo conectado a la placa esta perdía fácilmente la conexión USB. Para evitarlo, ha sido necesario tener conectada la alimentación procedente de las pilas.</span></span></li>
<li><span style="color: #990000;"><span style="color: black;">Cuando el servomotor se encuentra en posición 0, los engranajes interiores intentan seguir funcionando y pueden llegar a calentar el servo e incluso hacer que deje de responder. Es por ello que se añadido una posición de 90º para que dichos engranajes se paren antes de la acción de los leds y así evitar que se caliente en exceso al estar mucho tiempo forzado en la posición 9.</span></span><span style="color: #990000;"></span></li>
</ol>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-51042722543537087382017-04-26T22:44:00.001+02:002017-07-21T17:59:02.791+02:00Joystick para control de vehículo con dos servos y 4 luces ArduBlock y Bitbloq)<span style="background-color: #f3f3f3; color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; font-style: italic; line-height: 22px;">(Artículo en construcción)</span><br />
<br />
<span style="background-color: #f3f3f3; color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; font-style: italic; line-height: 22px;">Referencia de programa: 04F</span><br />
<span style="background-color: #f3f3f3; color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; font-style: italic; line-height: 22px;"></span><br />
<span style="background-color: #f3f3f3; color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; font-style: italic; line-height: 22px;"> </span><br />
<span style="background-color: #f3f3f3; color: #990000; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; font-style: italic; line-height: 22px;"><b>Arduino IDE 1.0.6 y ArduBlock 20130607 en MAX 6.5 (MAdrid_linuX)</b></span><br />
<span style="background-color: #f3f3f3; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; font-style: italic; line-height: 22px;"> </span><br />
<span style="background-color: #f3f3f3; color: #990000; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; font-style: italic; line-height: 22px;"><span style="color: black;">Modificaciones <b>pendientes</b>: añadir zumbador y poner mayor duración de luces. </span><b><br /></b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-7eWHOzB5_RE/WQEJ30zrczI/AAAAAAAACv4/GPV5JHWSH5YSWX7z_KywID76DqLRciWIACLcB/s1600/pant1b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-7eWHOzB5_RE/WQEJ30zrczI/AAAAAAAACv4/GPV5JHWSH5YSWX7z_KywID76DqLRciWIACLcB/s1600/pant1b.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-InvRa3me6lY/WQEJ6V-V0bI/AAAAAAAACv8/80P_scojiBAMVsczrmoSnCdEq90AGtikQCLcB/s1600/pant2b.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-InvRa3me6lY/WQEJ6V-V0bI/AAAAAAAACv8/80P_scojiBAMVsczrmoSnCdEq90AGtikQCLcB/s1600/pant2b.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<span style="background-color: #f3f3f3; color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; font-style: italic; line-height: 22px;"></span>
<span style="background-color: #f3f3f3; color: #333333; font-family: "arial" , "tahoma" , "helvetica" , "freesans" , sans-serif; font-size: 16px; font-style: italic; line-height: 22px;">Prepara el montaje:</span><br />
<ul style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Placa Arduino.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">JoyStick de 5 cables.<br />Tres primeros cables a pin "analógico" 4 (cuidado, en algunas placas están invertidos).<br />Cuarto cable a pin analógico 5 señal - Eje y.<br />Quinto cable a pin "digital" 7 señal - Apagar leds o parar motores.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Pin digital 1 - Led. </li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Pin digital 2 - Led de otro color.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">PIn digital 3 - Led de otro color.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Pin digital 4 - Led de otro color.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Pin digital 9 - Servomotor de rotación continua izquierdo.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Pin digital 10 - Servomotor de rotación continua derecho.</li>
</ul>
<div style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; text-align: justify;">
Ten en cuenta:</div>
<div style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; text-align: justify;">
</div>
<ul style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em; text-align: justify;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">En las placas con hileras de tres pines conecta los cables empezando normalmente por "ground". Cuidado. En algunas placas los pines están invertidos.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">No todos los "joystick" tienen el mismo diseño ni reconocen el mismo rango valores; prueba a modificar los valores en el programa si es necesario.</li>
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Comprueba si tus servomotores están bien calibrados. </li>
</ul>
<div style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; text-align: justify;">
Programa:</div>
<ul style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em; text-align: justify;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px;">Crea el programa que se muestra en la imagen.</li>
</ul>
<div style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; text-align: justify;">
Prueba:</div>
<ol style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px;">
<li style="margin: 0px 0px 0.25em; padding: 0px;">Pulsa en "Cargar a Arduino".</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Acciona el mando en varias direcciones y prueba también a pulsarlo. A veces es necesario pulsar en la posición exacta.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Observa los cambios y describe lo que ha ocurrido.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">¿Qué función tienen las variables "xeje" e "yeje"?</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Cambia el nombre de las variables. </li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Cambia los valores y los operadores. </li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Cambia los pines.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Cambia los leds por otros actuares simples, como zumbadores.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Describe lo que ha ocurrido tras los cambios.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Describe lo que crees que hace cada bloque paso a paso.</li>
<li style="margin: 0px 0px 0.25em; padding: 0px;">Describe 3 posibles usos de este montaje en la vida real.</li>
</ol>
<div style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; text-align: justify;">
Investiga:</div>
<ul style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;">
<li style="border: none; margin: 0px 0px 0.25em; padding: 0.25em 0px; text-align: justify;">Investiga nuevas posibilidades cambiando valores y bloques.</li>
</ul>
<span style="color: #990000;"><b>Bitbloq Offline v1.0.3 en MAX 8.0 (MAdrid_linuX)</b></span> <br />
<br />
Montaje:<br />
<br />
<b>Aviso</b>.En este caso, se ha utilizado el <b>joystick que comercializa bq</b>. La configuración por defecto, rango de valores y orientación de ejes
con respecto a los cables de conexión pueden ser diferentes al de otros
joysticks del mercado.<br />
<br />
De hecho, se ha probado esta misma programación<b> con un joystick diferente </b>y el comportamiento de los servos cambia. Se comentan los motivos al final del programa.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-6hzVrmCHeCM/WXIg2uMqX0I/AAAAAAAADAE/LCFkmiCQu_s0wd4784i5LZ-5plN8hr0XwCLcBGAs/s1600/04F_Joystick5CablesServoContAlrevesLuces.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="644" data-original-width="466" src="https://3.bp.blogspot.com/-6hzVrmCHeCM/WXIg2uMqX0I/AAAAAAAADAE/LCFkmiCQu_s0wd4784i5LZ-5plN8hr0XwCLcBGAs/s1600/04F_Joystick5CablesServoContAlrevesLuces.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Programas:<br />
<br />
Hay una diferencia importante con respecto al proyecto anterior. Vamos a
hacer que se puedan realizar curvas más cerradas. Para ello, al girar a
la derecha e izquierda, en vez de parar uno de los servos, haremos que <b>gire en dirección contraria al otro</b>.<br />
<ul>
<li>Con joystick comercializado por bq (3 x 3 cables):</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-bkgojqU0UU0/WXIg8lJocUI/AAAAAAAADAI/81vUp0RfYS0YOY4fxiPzv1BI6H0r-X1HACLcBGAs/s1600/04F_Joystick5CablesServoContAlrevesLucesP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="728" data-original-width="725" height="640" src="https://2.bp.blogspot.com/-bkgojqU0UU0/WXIg8lJocUI/AAAAAAAADAI/81vUp0RfYS0YOY4fxiPzv1BI6H0r-X1HACLcBGAs/s640/04F_Joystick5CablesServoContAlrevesLucesP.png" width="637" /> </a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-pYH2aN9AceY/WXIhZpwPViI/AAAAAAAADAQ/LFoS4-DDB_Iao1UiA2AhuyoRxZ52i7fOgCLcBGAs/s1600/04F_Joystick5CablesServoContAlrevesLucesP2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="662" data-original-width="726" height="583" src="https://3.bp.blogspot.com/-pYH2aN9AceY/WXIhZpwPViI/AAAAAAAADAQ/LFoS4-DDB_Iao1UiA2AhuyoRxZ52i7fOgCLcBGAs/s640/04F_Joystick5CablesServoContAlrevesLucesP2.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li>Con joystick diferente procedente del mercado (5 cables): </li>
</ul>
Como se hizo en el ejemplo de Ardublock, ha sido necesario <b>inicializar a 1 el valor del pulsador del joystick</b> (pin digital 7), pues no viene configurado así por defecto.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-YpI9gS36COo/WXIi3AT4EjI/AAAAAAAADAY/fCpswxCV4HkDMdxsSR-AB0FIXJVc7qoeQCLcBGAs/s1600/04F_Joystick5CablesServoContAlrevesLucesModifica.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="162" data-original-width="559" height="184" src="https://4.bp.blogspot.com/-YpI9gS36COo/WXIi3AT4EjI/AAAAAAAADAY/fCpswxCV4HkDMdxsSR-AB0FIXJVc7qoeQCLcBGAs/s640/04F_Joystick5CablesServoContAlrevesLucesModifica.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Además, <b>los ejes X e Y tienen otra orientación respecto a los cables</b>; el joystick debe colocarse con los cables hacia un lado en vez de
hacia adelante para que interprete bien las órdenes. Habría que cambiar
la programación si queremos manejar el joystick con los cables mirando
hacia adelante, que como se hizo en el caso de Ardublock. <br />
<br />
<ul style="background-color: #f3f3f3; color: #333333; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 16px; font-style: italic; line-height: 22px; list-style-image: initial; list-style-position: initial; margin: 0.5em 0px; padding: 0px 2.5em;">
</ul>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-46479470567790831152017-02-03T21:59:00.002+01:002017-02-03T21:59:25.872+01:00¡La creatividad requiere tiempo!<div style="text-align: center;">
<br /><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/VPbjSnZnWP0" width="560"></iframe></div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-65331979557533045992016-12-16T21:16:00.000+01:002017-07-15T21:44:26.831+02:00Placas Makey Makey y expansión I/O para Arduino (ArduBlock)Referencia de programa: zMakey<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-jBi8N0BhJTs/WFRKa8072iI/AAAAAAAACuE/B2hd3kafPTcZdBkvpgkdYHzS2KxGC4U0QCLcB/s1600/0IMG_20161216_204035.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://4.bp.blogspot.com/-jBi8N0BhJTs/WFRKa8072iI/AAAAAAAACuE/B2hd3kafPTcZdBkvpgkdYHzS2KxGC4U0QCLcB/s640/0IMG_20161216_204035.jpg" width="640" /></a></div>
<br />
<br />
<div style="text-align: center;">
<span style="color: #990000;"><span style="color: #660000;"><b>Programa en ArduBlock</b></span></span></div>
<br />
<div style="text-align: center;">
<a href="https://3.bp.blogspot.com/-cK7SecreNmU/WFRJ23J9zbI/AAAAAAAACto/gTagc3azyIAA30xoeoNmGYG6xIkXAaLiwCLcB/s1600/programa1.jpeg" imageanchor="1"><img border="0" src="https://3.bp.blogspot.com/-cK7SecreNmU/WFRJ23J9zbI/AAAAAAAACto/gTagc3azyIAA30xoeoNmGYG6xIkXAaLiwCLcB/s1600/programa1.jpeg" /></a></div>
<br />
<div style="text-align: center;">
<a href="https://3.bp.blogspot.com/-Wm3pbNYdTdo/WFRJ287l0pI/AAAAAAAACts/e9-TMYxNUDwTDv2ddmUCrCQMlIEUI8kmwCLcB/s1600/programa2.jpeg" imageanchor="1"><img border="0" src="https://3.bp.blogspot.com/-Wm3pbNYdTdo/WFRJ287l0pI/AAAAAAAACts/e9-TMYxNUDwTDv2ddmUCrCQMlIEUI8kmwCLcB/s1600/programa2.jpeg" /><span style="color: black;"> </span></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br />
<span style="color: #990000;"><span style="color: #660000;"><span style="color: black;"><b>Otros detalles</b></span></span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-kf7_F7ivJ9Q/WFRKVErOAkI/AAAAAAAACt0/rDjOCcFbJAoz9XIlYFY7brmfSMH15wJdACLcB/s1600/2IMG_20161216_202657.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://1.bp.blogspot.com/-kf7_F7ivJ9Q/WFRKVErOAkI/AAAAAAAACt0/rDjOCcFbJAoz9XIlYFY7brmfSMH15wJdACLcB/s400/2IMG_20161216_202657.jpg" width="400" /></a></div>
<br />
<div style="text-align: center;">
<a href="https://2.bp.blogspot.com/-LA6Mq4-yNh8/WFRKVCd8v_I/AAAAAAAACt4/D0UNK9b9nywbNhbbVY_6U3oEDoAkHMVSwCLcB/s1600/5IMG_20161216_203451.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://2.bp.blogspot.com/-LA6Mq4-yNh8/WFRKVCd8v_I/AAAAAAAACt4/D0UNK9b9nywbNhbbVY_6U3oEDoAkHMVSwCLcB/s400/5IMG_20161216_203451.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-h9OArvkfNfw/WFRKVABd2UI/AAAAAAAACtw/kEswRSBjXCw5-G2MM3wrXQOb2Jl8euJTACLcB/s1600/4IMG_20161216_202916.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://2.bp.blogspot.com/-h9OArvkfNfw/WFRKVABd2UI/AAAAAAAACtw/kEswRSBjXCw5-G2MM3wrXQOb2Jl8euJTACLcB/s400/4IMG_20161216_202916.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-Gy2Nuh-FYG8/WFRKVfGEnEI/AAAAAAAACt8/31jtNuIK_bQ0FlxPkIWc6lPbl6N_vyxOACLcB/s1600/IMG_20161216_204322.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://4.bp.blogspot.com/-Gy2Nuh-FYG8/WFRKVfGEnEI/AAAAAAAACt8/31jtNuIK_bQ0FlxPkIWc6lPbl6N_vyxOACLcB/s400/IMG_20161216_204322.jpg" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-bcmAJQKq4xk/WFRKVSzMk1I/AAAAAAAACuA/GqSGBrqYEqkuX2AcPS9L56nCgf9maiw4QCLcB/s1600/IMG_20161216_204415.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://1.bp.blogspot.com/-bcmAJQKq4xk/WFRKVSzMk1I/AAAAAAAACuA/GqSGBrqYEqkuX2AcPS9L56nCgf9maiw4QCLcB/s400/IMG_20161216_204415.jpg" width="400" /></a></div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-70818251242160492802016-12-06T13:50:00.001+01:002016-12-06T13:51:32.803+01:00Juegos, también para aprender a programar<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://code.org/learn" target="_blank"><img alt="https://code.org/learn" border="0" src="https://1.bp.blogspot.com/-RjCDbFpvhAY/WEazF4Iq-cI/AAAAAAAACtU/nWi-OIlszowqswHYtIf4nv4Z8V_BguttwCLcB/s1600/hora.png" /></a></div>
<div style="text-align: center;">
<a href="https://code.org/learn" target="_blank">La Hora del Código </a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Intentaré ir actualizando el artículo de forma progresiva.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Empiezo incluyendo algunas aplicaciones interactivas de la web que pueden ayudarnos a aprender a programar mientras se juega.</div>
<div style="text-align: center;">
<br />
No podían faltar las existentes en "La hora del código":<br />
<a class="postlink" href="https://code.org/learn" target="_blank">https://code.org/learn</a><br />
<br />
Tampoco un LightBot más completo:<br />
<a class="postlink" href="http://armorgames.com/play/2205/light-bot" target="_blank">http://armorgames.com/play/2205/light-bot</a><br />
<a class="postlink" href="http://www.minijuegos.com/juego/light-bot-2-0" target="_blank">http://www.minijuegos.com/juego/light-bot-2-0</a> (Con editor).<br />
<br />
Pero como se aproximan las fechas navideñas...<br />
Google Santa Tracker (Dance classs).<br />
<a class="postlink" href="https://santatracker.google.com/codeboogie.html" target="_blank">https://santatracker.google.com/codeboogie.html</a></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://santatracker.google.com/codeboogie.html" target="_blank"><img alt="https://santatracker.google.com/codeboogie.html" border="0" height="237" src="https://2.bp.blogspot.com/-aHilnJa8Vpw/WEazrECPZqI/AAAAAAAACtY/Bh6Et4ZCTgAq4rcJBM73FE5kbKuRzz9ogCLcB/s320/santa.png" width="320" /></a></div>
<div style="text-align: center;">
<br />
<br />
¡Saludos y buenas vacaciones! </div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-87350478699314606692016-12-04T16:51:00.002+01:002016-12-31T09:20:11.552+01:00"So this is Christmas" - The Corrs<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/WjRQ8VWFHGM" width="560"></iframe><br />
<br />
(<a href="https://anacarvajal68.wordpress.com/2009/12/27/so-this-is-christmas-by-celine-dion-traduccion-ana-carvajal/" target="_blank">Traducción</a>)</div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-48606148308608783212016-10-22T11:34:00.001+02:002016-12-31T07:48:28.661+01:00¿Con el ABP se aprende mejor?<div style="text-align: center;">
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/DcMD9zMDMwk" width="560"></iframe></div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-79084970806777214792016-10-02T20:28:00.000+02:002017-05-04T04:52:39.156+02:00Prácticas básicas WeDo 1.0 para Scratch 1.4 y 2.0<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-rB-QCbdYMuI/V_FR4xcMCkI/AAAAAAAACs0/BHzskAZ9uQAkJ7TtFPvJoZTqaTpbqI7NACLcB/s1600/encender1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-rB-QCbdYMuI/V_FR4xcMCkI/AAAAAAAACs0/BHzskAZ9uQAkJ7TtFPvJoZTqaTpbqI7NACLcB/s1600/encender1.png" /></a></div>
<span style="color: #660000;"><b><br /></b></span>
<span style="color: #660000;"><b><br /></b></span>
<span style="color: #660000;"><b>Prácticas con motores</b></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Giro continuo sin fin</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://3.bp.blogspot.com/-my60uOqZMI0/V_FNxRuk15I/AAAAAAAACrg/PBGv60lpMIYkP_uLk1ArVj0bU5PvoOyagCLcB/s1600/01aMotor_GiroContinuo.png"><img border="0" src="https://3.bp.blogspot.com/-my60uOqZMI0/V_FNxRuk15I/AAAAAAAACrg/PBGv60lpMIYkP_uLk1ArVj0bU5PvoOyagCLcB/s1600/01aMotor_GiroContinuo.png" /></a><a href="https://1.bp.blogspot.com/-tK1wVajWBlY/V_FNxRGFiUI/AAAAAAAACrc/kZR_SQow0FUE3V8IDqSrMZuxD7evw8g0gCLcB/s1600/01aMotor_GiroContinuo2.PNG"><img border="0" src="https://1.bp.blogspot.com/-tK1wVajWBlY/V_FNxRGFiUI/AAAAAAAACrc/kZR_SQow0FUE3V8IDqSrMZuxD7evw8g0gCLcB/s1600/01aMotor_GiroContinuo2.PNG" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="background-color: white; font-family: , "helvetica neue light" , "helvetica neue" , "helvetica" , "arial" , "lucida grande" , sans-serif; font-size: 14px; text-align: justify;">Un giro completo aproximado</span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://1.bp.blogspot.com/-_V9-KPSq5tQ/V_FNxduSSJI/AAAAAAAACrk/VjlfR6MSyyYj_opdoayIe72R6oXjlfq1ACLcB/s1600/01bMotor_UnGiroCompleto.png"><img border="0" src="https://1.bp.blogspot.com/-_V9-KPSq5tQ/V_FNxduSSJI/AAAAAAAACrk/VjlfR6MSyyYj_opdoayIe72R6oXjlfq1ACLcB/s1600/01bMotor_UnGiroCompleto.png" /></a><a href="https://1.bp.blogspot.com/-0ggEKGJAlBI/V_FNxqYKh-I/AAAAAAAACro/C-hTJL25luU-JG8BsXnW__n79aAlz8hSQCLcB/s1600/01bMotor_UnGiroCompleto2.PNG"><img border="0" src="https://1.bp.blogspot.com/-0ggEKGJAlBI/V_FNxqYKh-I/AAAAAAAACro/C-hTJL25luU-JG8BsXnW__n79aAlz8hSQCLcB/s1600/01bMotor_UnGiroCompleto2.PNG" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Un medio giro aproximado y volver</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://1.bp.blogspot.com/-ZVPE2ofzLfk/V_FNxlAXbII/AAAAAAAACrs/YYUrVVLvx50jWwO9rvC3EQ2PDbTlaSc1wCLcB/s1600/01cMotor_MedioGiroYVolver.png"><img border="0" src="https://1.bp.blogspot.com/-ZVPE2ofzLfk/V_FNxlAXbII/AAAAAAAACrs/YYUrVVLvx50jWwO9rvC3EQ2PDbTlaSc1wCLcB/s1600/01cMotor_MedioGiroYVolver.png" /></a><a href="https://4.bp.blogspot.com/-19bpfM-BE2o/V_FNxlapieI/AAAAAAAACrw/zjVA6w40Kj4fEGWI3whksqiQ2d8y6fRfQCLcB/s1600/01cMotor_MedioGiroYVolver2.PNG"><img border="0" src="https://4.bp.blogspot.com/-19bpfM-BE2o/V_FNxlapieI/AAAAAAAACrw/zjVA6w40Kj4fEGWI3whksqiQ2d8y6fRfQCLcB/s1600/01cMotor_MedioGiroYVolver2.PNG" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Giro y volver continuo</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://1.bp.blogspot.com/-uY5IGWZYjMM/V_FNxxq295I/AAAAAAAACr0/aEDzPOswtAMQ6_DJfXy3En0nXVZq0G53wCLcB/s1600/01dMotor_GiroYVolverContinuo.png"><img border="0" src="https://1.bp.blogspot.com/-uY5IGWZYjMM/V_FNxxq295I/AAAAAAAACr0/aEDzPOswtAMQ6_DJfXy3En0nXVZq0G53wCLcB/s1600/01dMotor_GiroYVolverContinuo.png" /></a><a href="https://4.bp.blogspot.com/-pCvhSTh0TiY/V_FNx0siz5I/AAAAAAAACr4/xE5GMrmCm2cIVC2B24XXTGBA2iQKLhHKgCLcB/s1600/01dMotor_GiroYVolverContinuo2.PNG"><img border="0" src="https://4.bp.blogspot.com/-pCvhSTh0TiY/V_FNx0siz5I/AAAAAAAACr4/xE5GMrmCm2cIVC2B24XXTGBA2iQKLhHKgCLcB/s1600/01dMotor_GiroYVolverContinuo2.PNG" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Giro en un sentido u otro según la tecla pulsada</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://3.bp.blogspot.com/-5IE4mlmpOw8/V_FNxytzyyI/AAAAAAAACr8/PT1n2Gon4TsneWtDlt6xeSv47-FaNIB0wCLcB/s1600/01eMotor_GiroTeclaAReversaTeclaB.png"><img border="0" src="https://3.bp.blogspot.com/-5IE4mlmpOw8/V_FNxytzyyI/AAAAAAAACr8/PT1n2Gon4TsneWtDlt6xeSv47-FaNIB0wCLcB/s1600/01eMotor_GiroTeclaAReversaTeclaB.png" /></a><a href="https://4.bp.blogspot.com/-AeJJv5Tgxe8/V_FNyJpJhLI/AAAAAAAACsA/CY_BWEAEf40A3WjF87aphvBgruCbSi--gCLcB/s1600/01eMotor_GiroTeclaAReversaTeclaB2.PNG"><img border="0" src="https://4.bp.blogspot.com/-AeJJv5Tgxe8/V_FNyJpJhLI/AAAAAAAACsA/CY_BWEAEf40A3WjF87aphvBgruCbSi--gCLcB/s1600/01eMotor_GiroTeclaAReversaTeclaB2.PNG" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: #660000;"><b>Prácticas con sensor de inclinación y motores</b></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Girar el motor al inclinar el sensor en cualquier dirección</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://3.bp.blogspot.com/-Deth3-J5QgE/V_FNyLR3BeI/AAAAAAAACsE/I4pcKObyrPwXERv2zw7UMN3f86DfOca-ACLcB/s1600/02aInclinacionMotor_GirarSiInclinado.png"><img border="0" src="https://3.bp.blogspot.com/-Deth3-J5QgE/V_FNyLR3BeI/AAAAAAAACsE/I4pcKObyrPwXERv2zw7UMN3f86DfOca-ACLcB/s1600/02aInclinacionMotor_GirarSiInclinado.png" /></a><a href="https://4.bp.blogspot.com/-QSIpD63xUnA/V_FNyFq65PI/AAAAAAAACsI/IHF1fFiCo3MxYzBnPhAje1KNzodQ6p6dgCLcB/s1600/02aInclinacionMotor_GirarSiInclinado2.PNG"><img border="0" src="https://4.bp.blogspot.com/-QSIpD63xUnA/V_FNyFq65PI/AAAAAAAACsI/IHF1fFiCo3MxYzBnPhAje1KNzodQ6p6dgCLcB/s1600/02aInclinacionMotor_GirarSiInclinado2.PNG" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Girar el motor a izquierda o derecha según se incline el sensor a izquierda o derecha</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://3.bp.blogspot.com/-IYBJVriqnKQ/V_FNyUWoCxI/AAAAAAAACsM/aM0YRzJG2QMj2OhT9l-w_ygybvdPB0kcgCLcB/s1600/02bInclinacionMotor_GirarAlInclinarDchaIzda.png"><img border="0" src="https://3.bp.blogspot.com/-IYBJVriqnKQ/V_FNyUWoCxI/AAAAAAAACsM/aM0YRzJG2QMj2OhT9l-w_ygybvdPB0kcgCLcB/s1600/02bInclinacionMotor_GirarAlInclinarDchaIzda.png" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://4.bp.blogspot.com/-WprmA-RqhPE/V_FNydS6XBI/AAAAAAAACsQ/Bu2GPDM0zqAubHQucYEnV_6pzB33ZqYdQCLcB/s1600/02bInclinacionMotor_GirarAlInclinarDchaIzda2.PNG"><img border="0" src="https://4.bp.blogspot.com/-WprmA-RqhPE/V_FNydS6XBI/AAAAAAAACsQ/Bu2GPDM0zqAubHQucYEnV_6pzB33ZqYdQCLcB/s1600/02bInclinacionMotor_GirarAlInclinarDchaIzda2.PNG" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b><span style="color: #660000;">Prácticas con sensor de distancia y motor</span></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
El motor gira al acercarse y se para al alejarse (muerde)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://4.bp.blogspot.com/-HEKq_a9oI5c/V_FNycbG-dI/AAAAAAAACsU/GgthTYpQryg-vfF5pjPysaABa28bofnJACLcB/s1600/03aDistanciaMotor_GiroCercaParaLejosContinuo.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-HEKq_a9oI5c/V_FNycbG-dI/AAAAAAAACsU/GgthTYpQryg-vfF5pjPysaABa28bofnJACLcB/s1600/03aDistanciaMotor_GiroCercaParaLejosContinuo.png" /></a><a href="https://3.bp.blogspot.com/-vIidy8bsc0k/V_FNySQlU2I/AAAAAAAACsY/rPLnqHiS3cYAkgwBbd_9ia2eVpPQ7VJBQCLcB/s1600/03aDistanciaMotor_GiroCercaParaLejosContinuo2.PNG"><img border="0" src="https://3.bp.blogspot.com/-vIidy8bsc0k/V_FNySQlU2I/AAAAAAAACsY/rPLnqHiS3cYAkgwBbd_9ia2eVpPQ7VJBQCLcB/s1600/03aDistanciaMotor_GiroCercaParaLejosContinuo2.PNG" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
El motor gira y vuelve al acercarse y se para al alejarse (mastica)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://2.bp.blogspot.com/-sLwv9gTHBTs/V_FNyqvcb1I/AAAAAAAACsc/wUAgrqke9ig6PvQ2W_9WZHzc9Q1W2ynAACLcB/s1600/03bDistanciaMotor_GiroYVolverContinuoSegunDistancia.png"><img border="0" src="https://2.bp.blogspot.com/-sLwv9gTHBTs/V_FNyqvcb1I/AAAAAAAACsc/wUAgrqke9ig6PvQ2W_9WZHzc9Q1W2ynAACLcB/s320/03bDistanciaMotor_GiroYVolverContinuoSegunDistancia.png" /></a><a href="https://2.bp.blogspot.com/-7qL4xXzEckc/V_FNyhS1O7I/AAAAAAAACsg/KW19Vj9M-OgirX6XeKpqr9DkZMeFWNdjgCLcB/s1600/03bDistanciaMotor_GiroYVolverContinuoSegunDistancia2.PNG"><img border="0" src="https://2.bp.blogspot.com/-7qL4xXzEckc/V_FNyhS1O7I/AAAAAAAACsg/KW19Vj9M-OgirX6XeKpqr9DkZMeFWNdjgCLcB/s320/03bDistanciaMotor_GiroYVolverContinuoSegunDistancia2.PNG" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
El motor acelera al acercarse</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://2.bp.blogspot.com/-H25LV3_TCRY/V_FNy7Lgv6I/AAAAAAAACso/VJWGE0uyrqUZzTEDJBRT3MzAT_xL997aACLcB/s1600/03cDistanciaMotor_AcelerarAlAcercar2.PNG" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://2.bp.blogspot.com/-H25LV3_TCRY/V_FNy7Lgv6I/AAAAAAAACso/VJWGE0uyrqUZzTEDJBRT3MzAT_xL997aACLcB/s1600/03cDistanciaMotor_AcelerarAlAcercar2.PNG" /></a><a href="https://1.bp.blogspot.com/-LCLSU5DY3EI/V_FNyie0KTI/AAAAAAAACsk/ydUrpzBh1y8LBfcJgmBRMpwYlSg4UaaJwCLcB/s1600/03cDistanciaMotor_AcelerarAlAcercar.png" imageanchor="1"><img border="0" src="https://1.bp.blogspot.com/-LCLSU5DY3EI/V_FNyie0KTI/AAAAAAAACsk/ydUrpzBh1y8LBfcJgmBRMpwYlSg4UaaJwCLcB/s320/03cDistanciaMotor_AcelerarAlAcercar.png" /></a></div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-88965410824283960172016-09-25T20:14:00.003+02:002017-07-15T21:43:37.446+02:00Multiconexiones con Keyestudio Easy Plug Learning Kit (III). Tarjeta de expansión I/O: servomotores, joystick, IR siguelíneas... (ArduBlock)<div style="text-align: center;">
</div>
Referencia de programa: Multi03<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-7Sm4OWubUfY/WLGDyTB53NI/AAAAAAAACuc/x6CZf70345sCSP1G1gBbyX9ZjlFs5QFqwCLcB/s1600/kit3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="480" src="https://3.bp.blogspot.com/-7Sm4OWubUfY/WLGDyTB53NI/AAAAAAAACuc/x6CZf70345sCSP1G1gBbyX9ZjlFs5QFqwCLcB/s640/kit3.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
Easy Plug Learning Kit (<a href="http://www.keyestudio.cc/h-nr.html" target="_blank">wiki Keyestudio</a>)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
(Artículo en construcción - Programa beta)<br />
<br />
Se recomienda <b><span style="color: #990000;"><span style="color: #274e13;"><span style="color: #990000;">hacer las pruebas en buenas condiciones</span> </span>de luz</span></b>. Sino es así, el sensor de luz detectará siempre un valor bajo de luz y no se apreciarán ciertos efectos.<br />
</div>
El objetivo es conectar y aprovechar la placa de expansión adquirida como producto complementario para analizar varias funcionalidades combinadas y realizar pruebas libres intercambiando componentes:<br />
<ul>
<li>Siguelíneas.</li>
<li>Evitaobstáculos.</li>
<li>Robot dirigible por joystick.</li>
<li>Sensor de luz.</li>
<li style="text-align: justify;">Secuencias de colores, semáforo y otros. </li>
</ul>
<div style="text-align: justify;">
El kit dispone de una placa de cartón duro que se fija mediante unos pernos como base. Como la longitud de los pernos es sólo un poco menor que el espacio entre placa Arduino y base acartonada, con sólo aflojar un poco los tornillos se pueden insertar los servomotores. Incluso sin retirar los conectores, ha funcionado el robot generado rápidamente así.</div>
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-GYy-GiY298I/V-gR0HrpT-I/AAAAAAAACqo/zbzpetAkiykmKK6kTYXk7g9SAXREii0QgCLcB/s1600/20160925_174714.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://3.bp.blogspot.com/-GYy-GiY298I/V-gR0HrpT-I/AAAAAAAACqo/zbzpetAkiykmKK6kTYXk7g9SAXREii0QgCLcB/s320/20160925_174714.jpg" width="320" /></a></div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
Los conectores y componentes utilizados al inicio son los que indicamos a
continuación, pero aprovechando la misma programación podemos probar
otros muchos y experimentar simplemente intercambiando módulos o
conectando otros que tengamos disponibles.<br />
<br />
A0 - <b>IR siguelíneas</b> en la placa principal (o en la placa de expansión).<br />
A1 - <b>IR siguelíneas</b> en la placa principal (o en la placa de expansión.<br />
A2 - <b>Sensor de luz </b>en la placa principal (activa D13).<br />
<br />
<b>JoyStick</b> de 5 cables conectado en la placa de expansión:<br />
A4 - Tres primeros cables agrupados.<br />
A5 - Cuarto cable a pin externo.<br />
D7 - Quinto cable a pin externo para controlar la parada.<br />
Cuidado. Según la placa, los pines a veces están en orden distinto.<br />
<br />
<b>Sensor de ultrasonido</b> en placa de expansión (activa D8).<br />
D0 - Cables agrupados.<br />
D1 - Cuarto cable.<br />
<br />
D2 - <b>Potenciómetro</b> (placa principal).<br />
D3 - <b>Botón pulsador </b>(placa principal).<br />
D4 - <b>Sensor táctil </b>(activa el D12). <br />
D8 - <b>Zumbador activo</b> en placa principal. <b>Led </b>en placa de expansión.<br />
D9 - <b>Servomotor continuo de 360 grados</b> en placa de expansión. <br />
D10 - <b>Servomotor continuo</b> de 360 grados en placa de expansión. <br />
D11 - <b>Led</b> en placa de expansión .<br />
D12 - <b>Led</b> en la placa de expansión.<br />
D13 - <b>Led</b> en la placa de expansión y otro led en la principal.<br />
<br />
<div style="text-align: justify;">
Cuidado:</div>
<ul style="text-align: justify;">
<li><b>No fuerces los componentes</b>. </li>
<li>Si las <b>pilas</b> no tienen suficiente potencia, no funcionarán algunos componentes o lo harán de forma poco previsible. </li>
<li>Si alguno de los leds o componente se <b>estropea</b>, puede afectar al funcionamiento de las pruebas que vamos a hacer. Sería necesario retirarlo o sustituirlo por uno que funcione apropiadamente. De hecho, <b>un simple led defectuoso</b> puede hacer que las conexiones no sean apropiadas y <b>provocar efectos no esperados</b>.</li>
<li> <b>Pide ayuda cuando tengas dudas</b>. </li>
</ul>
<div style="text-align: justify;">
Efectos extraños o no esperados:<br />
<ul>
<li>Se recomienda <b><span style="color: #990000;"><span style="color: #274e13;"><span style="color: #990000;">hacer las pruebas en buenas condiciones</span> </span>de luz</span></b>, o no se apreciará el funcionamiento del sensor de luz o afectará a otras pruebas.</li>
<li>Para activar adecuadamente un modo u otro en los servomotores, es necesario <b><span style="color: #990000;">girar completamente el potenciómetro</span></b> a un lado u otro.</li>
<li>Se han encontrado problemas al conectar <b>miniservos de 180 grados</b> de
rotación y ciertos motores-hélice que provocaban vibraciones en las
luces o afectaban a las conexiones causando parpadeos y efectos no
esperados, por lo que se realizarán nuevas pruebas en un futuro para
poder incluirlos. </li>
</ul>
Pruebas: </div>
<ol>
<li style="text-align: justify;">Colocar el <b>ultrasonido</b> "orientado hacia el techo" y sin ningún obstáculo delante para evitar que el zumbador suene continuamente. Podemos desconectar el <b>zumbador</b> D8 de la placa principal y dejar sólo el led en la placa de expansión para al menos ver que funciona. </li>
<li style="text-align: justify;">Probar el <b>ultrasonido</b> acercando o alejando objetos, con y sin el zumbador conectado.</li>
<li style="text-align: justify;">Comprobar que el <b>potenciómetro</b> está en la posición que permite que el <b>joystick</b> controle los servomotores. Para parar los servomotores pulsamos el joystick hacia abajo. </li>
<li style="text-align: justify;">Una vez parados los servomotores, movemos la palanca del <b>joystick</b> para comprobar en qué casos se mueven uno o los dos motores y en qué direcciones. </li>
<li style="text-align: justify;">De forma <span style="color: #990000;">provisional</span>, podemos añadir nuevos <b>leds</b> 0 en la placa principal y comprobar los efectos que se producen, pero es recomendable no dejarlos conectados.</li>
<li style="text-align: justify;">Tapar el <b>sensor de luz</b> para comprobar que se enciende el <b>led</b> D13. <span style="color: #990000;">Si no hay condiciones de luz adecuadas, puede que no funcione apropiadamente</span> e influya en el funcionamiento de la siguiente prueba de <span style="color: #990000;">cambio de luces</span>. </li>
<li style="text-align: justify;">Pulsar el <b>botón</b> D3 para comprobar que se produce el cambio de luces en D11, D12 y D13. Conviene que sean de distinto color tanto en la placa principal como en la placa de expansión para así poder simular un semáforo durante ese instante. </li>
<li style="text-align: justify;">Pulsar el <b>sensor táctil</b> D4 para comprobar que se produce cambio en D12.</li>
<li style="text-align: justify;">Cambiar el sensor táctil por un <b>sensor de choque</b> para comprobar nuevos efectos. </li>
<li style="text-align: justify;">Colocar el <b>potenciómetro</b> en posición de avance autónomo de los servomotores. Deberán de ponerse en marcha solos. </li>
<li style="text-align: justify;">En posición de avance autónomo, comprobamos lo que ocurre al tapar los sensores <b>IR (infrarrojos) siguelíneas</b>.</li>
<li style="text-align: justify;">Seguimos probando los<b> IR (infrarrojos) siguelíneas</b> acercando objetos de color negro probando que tapen uno, los dos o ninguno de los IR. </li>
<li style="text-align: justify;">Realizar la misma operación anterior cambiando con un folio blanco debajo y cambiando de blanco a negro.</li>
<li style="text-align: justify;"><b>Cambiar los componentes por otros</b>. Por ejemplo, leds por zumbadores, sensores de luz por potenciómetros o botones pulsadores por otros (sensores <b>magnéticos</b>, <b>sonido</b>...).</li>
<li style="text-align: justify;">Volver a conectar todo como al inicio e insertar los <b>servomotores</b> entre la placa principal y la placa de soporte para simular un robot con ruedas.</li>
<li style="text-align: justify;">En modo de robot con ruedas, probar el funcionamiento del <b>potenciómetro</b> y el <b>joystick</b>.</li>
<li style="text-align: justify;">En modo de robot con rueda, probar a poner el <b>ultrasonido</b> en una posición que detecte obstáculos y le permita girar antes de chocar.</li>
<li style="text-align: justify;">Intentar crear un robot <b>siguelíneas</b>. Nos podemos ayudar de cinta adhesiva transparente, gomas u otros objetos que no dañen la placa para fijarlos de forma provisional.</li>
<li style="text-align: justify;">Realizar <b>otras pruebas</b> con cuidado y preguntando si es necesario. </li>
</ol>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-sAOnVTmZAzQ/V-gZgej2ZWI/AAAAAAAACrM/6JwEurPVQNcil6cz5U-aypVhfJy30GaKACLcB/s1600/expansi%25C3%25B3n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://2.bp.blogspot.com/-sAOnVTmZAzQ/V-gZgej2ZWI/AAAAAAAACrM/6JwEurPVQNcil6cz5U-aypVhfJy30GaKACLcB/s320/expansi%25C3%25B3n.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>
<div style="text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-nYlpPl7V54A/V-gTm6pTcYI/AAAAAAAACqw/S4GUUDYzi1orFKrb6QOUa6OR5g-qtoyxwCLcB/s1600/c1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-nYlpPl7V54A/V-gTm6pTcYI/AAAAAAAACqw/S4GUUDYzi1orFKrb6QOUa6OR5g-qtoyxwCLcB/s1600/c1.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-70VWamyaPWU/V-gTm5a2ZRI/AAAAAAAACqs/ZDAg2WYxF2kRwn8_EzD1xxfKgmrU0kW2wCLcB/s1600/c2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-70VWamyaPWU/V-gTm5a2ZRI/AAAAAAAACqs/ZDAg2WYxF2kRwn8_EzD1xxfKgmrU0kW2wCLcB/s1600/c2.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-wzALe7j8zaY/V-gTm99WkbI/AAAAAAAACq0/-v1vr5fGqnYBmaQGl8UGVnFusaKHSkoiQCLcB/s1600/c3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-wzALe7j8zaY/V-gTm99WkbI/AAAAAAAACq0/-v1vr5fGqnYBmaQGl8UGVnFusaKHSkoiQCLcB/s1600/c3.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-vnodjz3py9c/V-gTnMTXYeI/AAAAAAAACq4/t8Sm-yMn3kQVuH1mASsYUACmMIy4JsrEwCLcB/s1600/c4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-vnodjz3py9c/V-gTnMTXYeI/AAAAAAAACq4/t8Sm-yMn3kQVuH1mASsYUACmMIy4JsrEwCLcB/s1600/c4.png" /></a></div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-67197358747754652972016-09-25T19:54:00.001+02:002017-07-15T21:42:45.118+02:00Multiconexiones con Keyestudio Easy Plug Learning Kit (II). Uso de conectores digitales y analógicos (ArduBlock)Referencia de programa: Multi02<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-l7XKICEfUmo/V-gLRUYEO7I/AAAAAAAACqA/Bzdv1zwrOnYG8yB7vgmTJU0UNEfOnKtXACLcB/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://1.bp.blogspot.com/-l7XKICEfUmo/V-gLRUYEO7I/AAAAAAAACqA/Bzdv1zwrOnYG8yB7vgmTJU0UNEfOnKtXACLcB/s400/2.jpg" width="400" /></a></div>
<div style="text-align: center;">
Easy Plug Learning Kit <a href="https://www.google.es/search?q=Easy+plug+learning+kit+keyestudio&client=ubuntu&hs=mmF&channel=fs&source=lnms&tbm=isch&sa=X&ved=0ahUKEwj7tr6HiKvPAhUJJcAKHX0mA6cQ_AUICSgC&biw=1471&bih=853#channel=fs&tbm=isch&q=Easy+plug+learning+kit" target="_blank">(búsqueda de imágenes</a>)</div>
<br />
(Artículo en construcción) <br />
<br />
En esta ocasión, el objetivo es conectar tanto componentes digitales como analógicos en una misma placa principal de Easy Plug Learning Kit para fácilmente introducir sus diversos tipos y funcionalidades. <br />
<br />
Los conectores y componentes utilizados al inicio son los que indicamos a continuación, pero aprovechando la misma programación podemos probar otros muchos y experimentar simplemente intercambiando módulos o conectando otros que tengamos disponibles.<br />
<br />
D2 - Botón.<br />
D3 - Led.<br />
D4 - Sensor táctil.<br />
D5 - Led.<br />
D6 - Led.<br />
D7 - Led.<br />
D8 - Zumbador activo.<br />
D9 - Zumbador pasivo.<br />
D10 - Sensor de vibración (si no se tiene, conectar el sensor de inclinación u otro).<br />
D11 - Led.<br />
D12 - Led.<br />
D13 - Led.<br />
A0 - Potenciómetro (varía los tonos del zumbador pasivo).<br />
A1 - Sensor de sonido.<br />
A2 - Sensor de luz.<br />
A3 - Sendor de agua/lluvia.<br />
A4 - Libre.<br />
A5 - Libre.<br />
IIC - Pantalla LCD aquirido de forma complementaria. Precisa incluir la <a href="https://bitbucket.org/fmalpartida/new-liquidcrystal/downloads" target="_blank">librería SaintSmart New Liquid Crystal</a> dentro de la carpeta libraries de Arduino IDE, siendo preciso mover la librería de Liquid Crystal propia de Arduino IDE para que no se interfieran..<br />
<br />
<div style="text-align: justify;">
Cuidado:</div>
<ul style="text-align: justify;">
<li><b>No fuerces los componentes</b>. </li>
<li>Si las <b>pilas</b> no tienen suficiente potencia, no funcionarán algunos componentes o lo harán de forma poco previsible. </li>
<li>Si alguno de los leds o componente se <b>estropea</b>, puede afectar
al funcionamiento de las pruebas que vamos a hacer. Sería necesario
retirarlo o sustituirlo por uno que funcione apropiadamente. De hecho,
un simple led puede hacer que las conexiones no sean apropiadas y
provocar efectos no esperados.</li>
<li> <b>Pide ayuda cuando tengas dudas</b>. </li>
</ul>
<div style="text-align: justify;">
Pruebas: </div>
<div style="text-align: justify;">
<ol>
<li>Girar el <b>potenciómetro</b> en A0 para producir una composición musical simple audible con el <b>zumbador pasivo</b>. </li>
<li>Colocar el <b>potenciómetro</b> en una posición en la que no se escuche el sonido del <b>zumbador pasivo</b>. </li>
<li>Pulsar el <b>botón</b> D2 para hacer que se encienda el <b>led</b> D3. </li>
<li>Pulsar el <b>sensor</b> tátil D3 para poner en marcha el <b>semáforo</b> con sonido de paso (<b>zumbador</b> activo) y mensajes escritos de espera y paso (<b>pantalla LCD</b>).</li>
<li>Agitar el <b>sensor de vibración</b> y comprobar el efecto de cambio en el <b>led</b> D10. Se puede probar con el <b>sensor de inclinación</b> y otros además.</li>
<li>Soplar con intensidad variable sobre el sensor de sonido en A1 y observar los valores cambiantes en la pantalla LCD.</li>
<li>Tapar el <b>sensor de luz</b> para encender un led.</li>
<li>Humedecerse el dedo en agua y tocar el <b>sensor de agua/lluvia</b> para encender un led.</li>
<li><b>Cambiar los componentes por otros</b>. Por ejemplo, leds por
zumbadores, sensores de luz por potenciómetros o botones pulsadores por
botones táctiles u otros sensores (magnéticos, sonido....).</li>
<li>Solicitar <b>ayuda para conectar la placa de expansión</b> (hay que conectarla con mucho cuidado) con <b>leds</b> en los pines digitales 5, 6 y 7. Comprobar que al pulsar el <b>sensor táctil</b> pueden activarse los 3 pares de pines de forma que simulen el semáforo de coches y el de un peatón a la vez. Será necesario colocar los colores invertidos, si en la placa principal D5 es verde, en la placa de expansión el pin 5 debe ser rojo, por ejemplo. En este caso, D7 sería rojo y el pin digital 7 de la placa de expansión sería verde (si no lo hay, conecta uno blanco por ejemplo). El D5 y pin digital 5 serían naranjas o amarillos.</li>
</ol>
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-ik9alP5JbzY/V-gNsU5GuTI/AAAAAAAACqI/e87-aIsqLUUgLg-I76WbiZusb4FAzw3kwCLcB/s1600/B1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-ik9alP5JbzY/V-gNsU5GuTI/AAAAAAAACqI/e87-aIsqLUUgLg-I76WbiZusb4FAzw3kwCLcB/s1600/B1.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-DK5ml3tOqiE/V-gOQPbFirI/AAAAAAAACqM/kwfZ4JNCJIoztNx4v2jXcfROeYiZ0KD_ACLcB/s1600/b2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-DK5ml3tOqiE/V-gOQPbFirI/AAAAAAAACqM/kwfZ4JNCJIoztNx4v2jXcfROeYiZ0KD_ACLcB/s1600/b2.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-en9VH31WtKM/V-gOuD_IkqI/AAAAAAAACqQ/AHgBpdbivqYix3BpsTHFkd76wGiJTNFEACLcB/s1600/b3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-en9VH31WtKM/V-gOuD_IkqI/AAAAAAAACqQ/AHgBpdbivqYix3BpsTHFkd76wGiJTNFEACLcB/s1600/b3.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-0LG7tdlIN-0/V-gPCrIfYHI/AAAAAAAACqY/VlhCANmaF6AcdfkYOAP2NwwBGFfiwJUNACLcB/s1600/b4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-0LG7tdlIN-0/V-gPCrIfYHI/AAAAAAAACqY/VlhCANmaF6AcdfkYOAP2NwwBGFfiwJUNACLcB/s1600/b4.png" /></a></div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-15859839027938658222016-09-18T19:39:00.000+02:002017-07-15T21:43:06.415+02:00Multiconexiones con Keyestudio Easy Plug Learning Kit (I). Uso de conectores digitales (ArduBlock)Referencia de programa: Multi01<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://4.bp.blogspot.com/-CflyvzKmWpM/V97MtogHAWI/AAAAAAAACpU/FManuV6O75gzadajpURHFYtK7nCkjVVAwCLcB/s1600/todo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://4.bp.blogspot.com/-CflyvzKmWpM/V97MtogHAWI/AAAAAAAACpU/FManuV6O75gzadajpURHFYtK7nCkjVVAwCLcB/s400/todo.jpg" width="400" /></a></span></div>
<div style="text-align: center;">
<span style="font-size: small;"> Prueba de la placa de <a href="http://bit.ly/2ckqrj0" target="_blank">Easy Plug Learning Kit de Keyestudio</a> con conectores digitales D2 a D13 usados.</span></div>
<br />
<div style="text-align: justify;">
Hace un tiempo adquirí el Easy Plug Learning Kit de Keyestudio para testear su posible uso en Educación Primaria.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Aunque aún no he explorado todas sus posibilidades, me parece un estupendo kit para comenzar con programación Arduino.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Tiene algunos puntos a mejorar, como quizás: </div>
<ul style="text-align: justify;">
<li>El número de cables de conexión que trae el kit quizás es escaso teniendo en cuenta el buen número de módulos conectables, por lo que para hacer esta prueba he necesitado adquirir algunos más.</li>
<li>En el momento de la adquisición, los tres leds incluidos eran del mismo color, Recientemente he comprobado que algún kit incorpora un led de cada color, pero no sé si es un cambio definitivo. Para realizar la prueba, se han adquirido dos leds más.</li>
<li>Aunque están ampliando el número de módulos, en el momento de hacer las pruebas no había motores o servomotores de tipo Easy Plug. No obstante, esta dificultad se puede solventar adquiriendo una placa de expansión de conexiones, insertándola en los pines interiores y conectando a la misma aquellos sensores no disponibles.</li>
</ul>
<div style="text-align: justify;">
Entre las curiosidades de la placa podemos citar:</div>
<ul style="text-align: justify;">
<li> En vez de incorporar conectores Easy Plug para los pines 0 y 1, estos están ocupados por un conector i2C y otro de tipo com. Las posibilidades de los mismos están pendientes de prueba.</li>
<li>Como he indicado antes, la posibilidad de insertar un tarjeta de expansión con conectores de entrada y salida clásicos amplia sus posibilidades. Ello permite, por ejemplo, que una señal permita encender dos leds a la vez, el situado en el conector de la placa principal y el conectado en la placa de expansión con el mismo número. Incluso durante las pruebas, al pulsar un botón que se conectó en el pin 2 de la placa de expansión, produjo que se encendiera la luz del módulo detector de choque que en ese momento se encontraba conectado en el conector 2 Easy Plug de la placa principal.</li>
</ul>
<div style="text-align: justify;">
Y teniendo en cuenta la seguridad: </div>
<ul style="text-align: justify;">
<li>Aunque no se han apreciado calentamientos de la placa al conectar los módulos de forma errónea, sí que se ha observado al usar la placa de expansión, ya sea por que se ha insertado mal o se ha cometido algún error al conectar los cables de los componentes en los pines de tierra, voltaje y señal. Esto último ocurre en cualquier placa Arduino en la que se conecten los cables de tal forma que provoquen un cortocircuito.</li>
<li>El Easy Plug Learning Kit incorpora una placa que se puede atornillar en su base, lo que puede ayudar en la prevención de cortocircuitos, calentamientos o montaje con otros materiales. </li>
</ul>
<div style="text-align: justify;">
El programa ArduBlock que se ha utilizado para hacer las pruebas con conectores digitales múltiples ha sido el siguiente:</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-RuaFspfnwi0/V97Qcdu7UiI/AAAAAAAACpo/CutRqevXb_smdFOX82wMwXgZlVzVsJ7zQCLcB/s1600/11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-RuaFspfnwi0/V97Qcdu7UiI/AAAAAAAACpo/CutRqevXb_smdFOX82wMwXgZlVzVsJ7zQCLcB/s1600/11.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-6nYcQxEpE28/V97QgJ_wuBI/AAAAAAAACps/NyiGIvY2BXsLubjJo4B7MLqsXLNcq8YDgCLcB/s1600/22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-6nYcQxEpE28/V97QgJ_wuBI/AAAAAAAACps/NyiGIvY2BXsLubjJo4B7MLqsXLNcq8YDgCLcB/s1600/22.png" /></a></div>
<br />
<div style="text-align: justify;">
En el mismo se conectaron los siguientes módulos:</div>
<ul style="text-align: justify;">
<li>Conector digital D2: <b>Botón</b>.</li>
<li>Conector D3: Sensor de <b>colisión</b> (choque).</li>
<li>Conector D4: Sensor de <b>inclinación</b>.</li>
<li>Conector D5: <b>Potenciómetro</b>. El potenciómetro es un módulo analógico, pero puede conectarse a un conector digital y girarlo para, por ejemplo, apagar y encender un led en función a partir de un punto de giro.</li>
<li>Conector D6: Sensor de <b>sonido</b>. Aunque es un módulo analógico, el nivel de partida permite uso digital, pero en este caso hay que hablar con fuerza o soplar directamente para ver el efecto.</li>
<li>Conector D7: Sensor <b>táctil</b>. </li>
<li>Conector D8 a D13: <b>Leds</b> o <b>zumbadores activos</b>.</li>
</ul>
<div style="text-align: justify;">
Avisos y curiosidades:</div>
<ul style="text-align: justify;">
<li>Se ha preparado el programa para que, de inicio, todos los leds y zumbadores del kit no se activen si no se actúa sobre los sensores. En el caso del potenciómetro, será necesario comprobarlo y ponerlo en la posición oportuna al conectarlo.</li>
<li>No todos los sensores tienen configurado de serie el mismo comportamiento. Cuando se pulsa el botón proporcionado en el kit, el efecto que produce es el mismo que si se pulsa el sensor de choque, pero el contrario que si se pulsa el sensor de tacto. Por ello, en este caso, los pines en los que se conectan el sensor de sonido y el sensor táctil indican la condición como Bajo en vez de Alto.</li>
<li>Los conectores D3, D5 y D6 (además de los D9, D10 y D11) permiten el manejo de señales PWM. Podemos probar otros componentes en ellos.</li>
<li>Probemos a, por ejemplo, conectar el sensor digital de
vibración del kit en los conectores D4, D5 y D6 para apreciar alguna diferencia.</li>
<li>Se recomienda probar a conectar otros sensores analógicos en conectores digitales e investigar su utilidad. Hay que tener en cuenta que no todos los componentes analógicos producen efectos apreciables en este caso, pues influye el valor establecido por defecto.</li>
</ul>
Placa Easy Plug.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-3iAx0N1u9Ak/V97NID6otlI/AAAAAAAACpY/rtui7qe_PIA275tPublBQVm6HrLYX58AQCLcB/s1600/placa.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://4.bp.blogspot.com/-3iAx0N1u9Ak/V97NID6otlI/AAAAAAAACpY/rtui7qe_PIA275tPublBQVm6HrLYX58AQCLcB/s400/placa.jpg" width="400" /></a></div>
<br />
<br />
Placa Easy Plug con placa de expansión.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-ZqhOEmnEkBE/V97NLmNVNdI/AAAAAAAACpc/VoYwTMvoeA8ZjIv1DsZfRi7rUtWP9JB3wCLcB/s1600/expansi%25C3%25B3n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://2.bp.blogspot.com/-ZqhOEmnEkBE/V97NLmNVNdI/AAAAAAAACpc/VoYwTMvoeA8ZjIv1DsZfRi7rUtWP9JB3wCLcB/s400/expansi%25C3%25B3n.jpg" width="400" /></a></div>
<br />
<br />
Placa de expansión en funcionamiento<br />
<br />
<br />
<div style="text-align: justify;">
En este caso, al pulsar el botón del conector D3 se envía una señal al pin 9 que hace que se enciendan a la vez el led conectado en el pin D9 de la placa Easy Plug y el led conectado en la placa de expansión. Además, como en el conector Easy Plug hay un sensor de choque, se enciende la luz de aviso de choque.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-UPKirIyM2tE/V97NP5azK8I/AAAAAAAACpg/zRL4ZENZOSU1bTm7oKsX4Y9cASlrhXTjgCLcB/s1600/luces.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://4.bp.blogspot.com/-UPKirIyM2tE/V97NP5azK8I/AAAAAAAACpg/zRL4ZENZOSU1bTm7oKsX4Y9cASlrhXTjgCLcB/s400/luces.jpg" width="400" /></a></div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-30544199340553488232016-08-31T16:46:00.003+02:002016-09-03T14:26:23.245+02:00Escritorio común en MAX (Ubuntu): compartiendo archivos, carpetas y lanzadores con todos los usuarios<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-rJtKzKxPaks/V8bzhOEYT5I/AAAAAAAACpA/OfBR5tRgA4Y2Gxc34-8HagP63Er-6ibPwCLcB/s1600/escritorio.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" src="https://4.bp.blogspot.com/-rJtKzKxPaks/V8bzhOEYT5I/AAAAAAAACpA/OfBR5tRgA4Y2Gxc34-8HagP63Er-6ibPwCLcB/s400/escritorio.png" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="http://external.educa2.madrid.org/web/max/" target="_blank">Web de MAX (MAdrid_linuX)</a></div>
<br />
Recientemente me ha surgido la necesidad de crear y compartir carpetas y lanzadores en todos los usuarios de <a href="http://external.educa2.madrid.org/web/max/" target="_blank">MAX, la distribución linux de la Consejería de Educación, Juventud y Deporte de Madrid</a>. Se trata de una distribución educativa derivada de Ubuntu, por lo que supongo que el proceso que se describe a continuación también es válido en Ubuntu.</div>
<div style="text-align: justify;">
<br />
La intención inicial fue crear un lanzador que ejecutara un archivo inicio.html existente dentro de una carpeta que en esos momentos sólo era accesible para el usuario alumno. Dicho archivo mostraba una página con varios iconos desde los que se accedía a varias aplicaciones incluidas en varias subcarpetas interiores. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
El usuario alumno en MAX es muy útil. Una vez que se cierra sesión desaparecen todos los cambios, como carpetas o archivos guardados en el escritorio. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pero en este caso precisaba que el lanzador no se perdiera al cerrar sesión o apagar el equipo.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Tras consultar a varios compañeros "maxeros", me indicaron una forma más eficaz de hacerlo, permitiendo que el lanzador fuera visible para todos los usuarios y no sólo para alumno.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Le doy especialmente las gracias a Roberto Mengíbar como creador del script que permite simular una especie de escritorio común en MAX.<br />
<br />
El proceso a seguir no es complicado, pero requiere cierta paciencia y seguir algunas indicaciones y consejos.<br />
<br />
<span style="color: #990000;"><b>Proceso resumido</b></span><br />
<ol>
<li>Copiar el archivo <b>"escritorio_comun"</b> (<a href="https://drive.google.com/open?id=0ByhQZr8AtzVVLVdWWXJrX2I2TDg" target="_blank">descargar script</a>) en la carpeta <b>urs/bin</b> y darle permisos de ejecución.</li>
<li>Ejecutar el script desde terminal mediante el comando <b>"sudo escritorio_comun -c"</b> que creará tanto la carpeta <b>"/etc/escritorio_comun" </b>en la que poner los lanzadores como el archivo <b>/etc/xdg/autostart/escritorio_comun.desktop</b>" que permite ejecutar el archivo al iniciar sesión.</li>
<li>Preparar el equipo con el contenido deseado y copiar o crear las carpetas, archivos y lanzadores para luego compartirlos en la carpeta <b>"/etc/escritorio_comun"</b> y darle permisos de grupo dialout, de sólo lectura y de ejecución como un programa cuando sea oportuno.</li>
<li>Reiniciar la sesión para que los cambios tengan efecto y aparezcan en el escritorio los enlaces simbólicos de los contenidos incluidos.</li>
<span style="color: #990000;">
</span></ol>
<span style="color: #990000;"><b>Consejos recomendados</b></span><br />
<ol>
<li>Realizar todas las acciones como superusuario utilizando en los comandos <b>sudo</b>.</li>
<li>Si no se dominan los comandos Linux que permiten crear o copiar archivos y carpetas y o cambiar permisos, utilizar <b>gksu nautilus</b> para ello. Es muy conveniente que dichas acciones se realicen siempre dentro de la ventana de Nautilus abierta como superusuario. Por ejemplo, si se arrastran desde fuera hacia la ventana Nautilus o a la inversa, podrían aparecer incidencias por cambios de permisos.</li>
<li>Modificar los permisos de todas las <b>carpetas</b> que añadamos para que pertenezcan al grupo <b>dialout</b>. </li>
<li>Para evitar cambios en los contenidos por los usuarios que los utilicen, dar <b>permisos de sólo lectura</b> en Grupo u Otros. </li>
<li>Es posible que se aprecien diferencias entre versiones de MAX. Por ejemplo, se ha apreciado que al copiar los lanzadores desde una memoria USB a MAX 6.5 no es necesario hacer cambios si ya tienen los permisos configurados, pero en el caso de MAX 8.0 ha sido necesario volver a darles de nuevo permisos de ejecución como un programa después de copiados. Los motivos podrían ser muy diversos y puede no ocurrir en otras configuraciones.</li>
</ol>
<span style="color: #990000;"><b>Proceso detallado para crear un entorno similar a un escritorio común </b></span><br />
<ol>
<li><b>Ingresar como usuario "madrid". </b></li>
<li><b>Descargar el archivo-scrip "escritorio_comun</b>" (<a href="https://drive.google.com/open?id=0ByhQZr8AtzVVLVdWWXJrX2I2TDg" target="_blank">descargar script</a>) que permite crear el escritorio común. Si se descarga como archivo descomprimido, hay que descomprimirlo.</li>
<li>Acceder a terminal y <b>lanzar Nautilus con permisos de superusuario</b>.<br />gksu nautilus</li>
<li><b>Copiar el archivo "escritorio_comun" en la carpeta en urs/bin</b>. <br />Cuando estemos copiando carpetas y archivos, es mejor buscar y copiar los archivos entre las carpetas que se visualizan en la ventana de Nautilus lanzada como superusuario. Si simplemente se arrastran desde una ubicación externa a Nautilus, como por ejemplo desde el escritorio en sí, a veces surgen problemas.<br />También se puede hacer mediante línea de comandos.</li>
<li><b>Dar al archivo escritorio_comun permisos de ejecución</b> como un programa, ya sea con Nautilus o ejecutando el siguiente comando en una nueva terminal:<br />sudo chmod 755 /usr/bin/escritorio_comun </li>
<li>La primera vez, <b>ejecutar desde terminal el archivo con el parámetro -c</b>:<br />escritorio_comun -c<br />En caso de que hubiéramos cerrado la sesión de superusuario, podemos ejecutarlo como:<br />sudo escritorio_comun -c<br />Con este parámetro <b>se crea el directorio "/etc/escritorio_comun"</b> en el que hay que poner los objetos o contenidos que queremos que aparezcan en el escritorio de todos los usuarios; a los usuarios en realidad se les crea un enlace simbólico. <br /><b>Aunque los usuarios pueden borrar los enlaces simbólicos, en el siguiente inicio de sesión volverán a crearse y a estar visibles de nuevo</b>. Los enlaces simbólicos no pueden ser modificados por los usuarios, por lo que los iconos se verán con un candado.<br /><b>También se crea el fichero "/etc/xdg/autostart/escritorio_comun.desktop</b>", que es el que permite que el script se ejecute cuando un usuario inicia sesión. Se puede ejecutar el script sin argumentos para mostrar un resumen del proceso a seguir. </li>
<li><b>Copiar los archivos, carpetas o lanzadores a compartir dentro de /etc/escritorio_comun</b>.</li>
<li>En caso de incluir <b>carpetas dentro de /etc/escritorio_comun es necesario establecer los permisos oportunos</b> para que sean accesibles por todos los usuarios.<br /> En MAX 6.5, dentro /etc/escritorio_comun desde Nautilus como superusuario, pulsamos con el botón derecho del ratón sobre la carpeta que nos interese y accedemos a <b>Propiedades</b> y <b>Permisos</b>. En <b>Grupo</b> seleccionamos <b>dialup</b> y, si es lo que deseamos, <b>Acceder a archivos</b> y <b>Sólo lectura</b>. En <b>Otros</b> también sería necesario indicar <b>Acceder a archivos</b> y <b>Sólo lectura</b>.</li>
<li>En el caso de <b>lanzadores</b> normalmente hay que editar los permisos de los mismos para que se puedan <b>ejecutar como un programa</b>.</li>
<li>Para que los cambios surtan efecto y <b>no sea necesario iniciar sesión</b>, podemos ejecutar el script mediante el siguiente comando:<br />escritorio_comun -s <br />En caso de haber cerrado la sesión de superusuario, podemos ejecutarlo como:<br />sudo escritorio_comun -s <br />En ese momento, se visualizarán los enlaces simbólicos.</li>
<li>Comprobar el funcionamiento de los enlaces simbólicos. </li>
</ol>
<span style="color: #990000;"><b>Crear un lanzador a una archivo en una carpeta en usr/local para que luego pueda aparecer como enlace simbólico</b></span><br />
<br />
Veamos como ejemplo el proceso para incluir en escritorio común un lanzador a un archivo inicio.html que se encuentra en una carpeta dentro de usr/local. Se trata de una carpeta accesible a todos los usuarios pero que, al no estar copiada dentro del escritorio común, no puede abrirse directamente.<br />
<br />
¡Tengamos en cuenta!<br />
<br />
<b>Hay que darle al lanzador un nombre distinto al de cualquier lanzador ya existente en el escritorio, pues se conservaría ese primer lanzador y
no se crearía el enlace simbólico con el candado</b>.<br />
<ol>
<li>Ejecutar <b>Nautilus</b> con permisos de superusuario:<br /> gksu nautilus </li>
<li>En nuestro caso, copiar la carpeta deseada dentro de <b>usr/local</b>.</li>
<li>Dar permisos de ejecución... Accedemos a <b>Propiedades</b> y <b>Permisos</b>. En <b>Grupo</b> seleccionamos <b>dialup</b> con <b>Acceder a archivos</b> y <b>Sólo lectura</b>. En <b>Otros</b> también indicamos <b>Acceder a archivos</b> y <b>Sólo lectura</b>.<br />accedemos a <b>Propiedades</b> y <b>Permisos</b>. En <b>Grupo</b> seleccionamos <b>dialup</b> con <b>Sólo lectura</b>. En <b>Otros</b> también indicamos <b>Sólo lectura</b>.</li>
<li><b>Desde la ventana de Nautilus como superusuario</b>, <b>crear el lanzador</b> al archivo inicio.html en /etc/escritorio_comun. También es importante elegir un <b>icono apropiado</b>. <br /><br />En nuestro caso el comando del lanzador es:<br />firefox /usr/local/InfantilProgramas/inicio.html<br /><br />En el caso de querer lanzar una página web en la red sería del tipo:<br />firefox http://roble.pntic.mec.es/arum0010/<br /><br />Para lanzar el ejecutable de una copia portable de Arduino en la carpeta /usr/local sería:<br />/usr/local/Arduino/arduino<br /><br />Para crear los lanzadores desde consola:<br /> cd /etc/escritorio_comun<br />
sudo gnome-desktop-item-edit milanzador.desktop <br />"milanzador" debe sustituirse por el nombre que deseemos darle.<br /><br />Es necesario tener claro el icono que se va a utilizar y seleccionarlo al crear el lanzador, ya que luego no se podrá cambiar al copiarlo al escritorio común.<br /><br /> </li>
<li>Para que los cambios surtan efecto y <b>no sea necesario iniciar sesión</b>, podemos ejecutar el script mediante el siguiente comando:<br />sudo escritorio_comun -s </li>
</ol>
<span style="color: #990000;"><b>Configurar varios equipos de un aula</b></span><br />
<br />
Lo mejor es preparar un primer equipo-modelo con todo lo que deseamos incluir.<br />
<br />
Los archivos y carpetas de <b>"/etc/escritorio_comun</b>" (carpetas, archivos y lanzadores) podemos copiarlos a una carpeta compartida o en una memoria externa, y luego copiarlos a cada equipo.<br />
<br />
Es conveniente comprobar los permisos de carpetas, archivos y lanzadores.<br />
<br />
<span style="color: #990000;"><b>Borrar contenidos comunes</b></span><br />
<br />
Ingresamos con con el usuario madrid. Es necesario borrar como superuarios tanto el contenido de la carpeta <b>"escritorio_comun</b>" como los enlaces simbólicos que se crearon en el escritorio. </div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-60680667109893618492016-08-25T09:54:00.005+02:002016-08-25T10:14:12.016+02:00Prácticas Scratch en la Mediateca de EducaMadridLa Mediateca de Educamadrid permite desde hace unos pocos meses subir contenido en PDF que puede ser insertado en otras web.<br />
<br />
Mostramos algunos de los documentos subidos para realizar prácticas con Scratch. Pueden verse a mayor tamaño pulsando sobre el icono que permite activar el modo presentación (flechas de la esquina superior derecha).<br />
<br />
<div style="text-align: center;">
<a href="http://mediateca.educa.madrid.org/centro/cp.cervantes.leganes/otros" target="_blank"> http://mediateca.educa.madrid.org/centro/cp.cervantes.leganes/otros</a></div>
<br />
<iframe allowfullscreen="" frameborder="0" height="387" scrolling="no" src="http://mediateca.educa.madrid.org/otros/3eodpi93kdzx5wbf/fs" style="border: 0; overflow: hidden;" width="630"></iframe>
<iframe allowfullscreen="" frameborder="0" height="387" scrolling="no" src="http://mediateca.educa.madrid.org/otros/o96c1sn2j5qykqgp/fs" style="border: 0; overflow: hidden;" width="630"></iframe>
<iframe allowfullscreen="" frameborder="0" height="387" scrolling="no" src="http://mediateca.educa.madrid.org/otros/81c1es2e9lq3mu9c/fs" style="border: 0; overflow: hidden;" width="630"></iframe>
<iframe allowfullscreen="" frameborder="0" height="387" scrolling="no" src="http://mediateca.educa.madrid.org/otros/uuks1e8t38ysftma/fs" style="border: 0; overflow: hidden;" width="630"></iframe>
<iframe allowfullscreen="" frameborder="0" height="387" scrolling="no" src="http://mediateca.educa.madrid.org/otros/2fn2ss7qnirj4xrj/fs" style="border: 0; overflow: hidden;" width="630"></iframe>Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-31448944225937853342016-07-02T17:42:00.002+02:002017-07-23T19:09:40.359+02:00Componentes que pueden utlizarse en pines analógicos y digitales (ejemplo de alarma PIR) - ArduBlock y Bitbloq<br />
(Artículo en construcción)<br />
<br />
Referencia de programa: 02K <br />
<br />
En un artículo anterior, "<a href="http://jueduco.blogspot.com.es/2016/06/alarma-de-movimiento-con-zumbador.html" target="_blank">Alarma de detección de movimiento con zumbador (PIR en pin digital)</a>", mostramos una forma de utilizar el módulo PIR con pines digitales (sensor de infrarrojos pasivo para detección de presencia y movimiento).<br />
<br />
Se trata de un módulo que utiliza dos valores extremos, normalmente 0 y algo más de 600 aproximadamente, lo que permite su uso con conectores analógicos. <br />
<br />
Veamos un ejemplo de programación en ese segundo caso.<br />
<br />
También ocurre con otros módulos y sensores, siempre en función de sus características.<span style="color: #990000;"><b> </b></span><br />
<br />
<span style="color: #990000;"><b>Arduino IDE 1.0.6 y ArduBlock 20130607 en MAX 6.5 (MAdrid_linuX)</b></span><br />
<ul>
<li>Módulo PIR en pin analógico y zumbador "activo".</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-S7PevP2XCNc/V3fgQMmzTPI/AAAAAAAACns/3faWNIz96fIeyrNOoQTLQ-LK4dRHzz2_wCLcB/s1600/02K_AlarmaAnalogicaZumbadorActivo.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-S7PevP2XCNc/V3fgQMmzTPI/AAAAAAAACns/3faWNIz96fIeyrNOoQTLQ-LK4dRHzz2_wCLcB/s1600/02K_AlarmaAnalogicaZumbadorActivo.jpeg" /></a></div>
<ul>
<li> Módulo PIR en pin analógico y zumbador "pasivo".</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-xkVSu-adyhw/V3fg0I1yvEI/AAAAAAAACnw/jAEwzDNW1VwtMXxScmqOQtJEgeSqDRshACLcB/s1600/02K_AlarmaAnalogicaZumbadorPasivo.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-xkVSu-adyhw/V3fg0I1yvEI/AAAAAAAACnw/jAEwzDNW1VwtMXxScmqOQtJEgeSqDRshACLcB/s1600/02K_AlarmaAnalogicaZumbadorPasivo.jpeg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
Prepara el montaje:</div>
<ul>
<li>Placa Arduino.</li>
<li>Pin analógico 3 - Módulo PIR de detección de presencia/movimiento. </li>
<li>Pin digital 3 - Led. </li>
<li>Pin digital 5 - Zumbador (activo o pasivo, según el caso).</li>
</ul>
<div style="text-align: justify;">
Ten en cuenta:</div>
<div style="text-align: justify;">
</div>
<ul style="text-align: justify;">
<li>En las placas con hileras de tres pines conecta los cables empezando normalmente por
"ground".</li>
<li>Cambia el estado y valores si es necesario..</li>
<li>Algunos módulos pueden ser calibrados mediante los reguladores que
incorporan. Normalmente vienen configurados con valores por defecto
adecuados; si no es así, utiliza un destornillador pequeño para girar
los reguladores. Averigua esos valores mediante un <a href="http://jueduco.blogspot.com.es/2016/06/mostrar-en-texto-los-valores-medidos.html" target="_blank">sencillo programa de medida</a> que muestre dichos valores en el monitor serie.</li>
<li>Los módulos PIR más usuales se pueden usar conectados a pines digitales o analógicos.</li>
<li>Elige el tipo de zumbador adecuado y utiliza el tipo de bloque
oportuno. Los zumbadores pasivos permiten sonidos más musicales, pero
apenas se oyen con los bloques "configura pin digital". Por las pruebas
realizadas con los zumbadores disponibles, parece que no influye que el
pin esté marcado como PWM o no.</li>
</ul>
<div style="text-align: justify;">
Programa:</div>
<ul style="text-align: justify;">
<li>Crea el programa que se muestra en la imagen.</li>
</ul>
<div style="text-align: justify;">
Prueba:</div>
<ol>
<li>Pulsa en "Cargar a Arduino".</li>
<li>Realiza algún movimiento cerca del módulo PIR.</li>
<li>Describe los pasos y lo que ha ocurrido</li>
<li>¿Se utiliza alguna variable? </li>
<li>Cambia algunos valores a mayores y menores.</li>
<li>Pulsa en "Cargar a Arduino".</li>
<li>Repite el mismo proceso cambiando los números de pin digital de los actuadores (leds, zumbadores, motor...). </li>
<li>Cambia la frecuencia del zumbador. </li>
<li>Describe lo que ha ocurrido tras los cambios.</li>
<li>Describe lo que crees que hace cada bloque paso a paso.</li>
<li>Describe 3 posibles usos de este montaje en la vida real.</li>
</ol>
<div style="text-align: justify;">
Investiga:</div>
<ul>
<li style="text-align: justify;">Investiga nuevas posibilidades cambiando valores y bloques.</li>
</ul>
<br />
<span style="color: #990000;"><b>Bitbloq Offline v1.0.3 en MAX 8.0 (MAdrid_linuX)</b></span> <br />
<br />
<div style="text-align: justify;">
<b>Aviso</b>. El editor no muestra iconos de sensor de presencia/movimiento PIR ni de zumbador activo. Para simularlos, en
su lugar, utiliza los iconos de sensor de luz y led respectivamente. <span style="color: #990000;"><span style="color: black;"> También podemos optar por
no añadir estos iconos y, dentro de <b>Componentes</b>, pulsar en <b>Avanzados</b>
y acceder a los bloques que permiten leer pines digitales y digitales directamente,
pero hemos preferido este método para así reflejar de una forma más
gráfica las conexiones.</span></span><br />
<span style="color: #990000;"><span style="color: black;"> </span></span> </div>
<ul>
<li>Montaje para simular el módulo PIR con el sensor de luz y el zumbador "activo" con un led:</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-N1KlYsIEVFA/V3gE60hGJ8I/AAAAAAAACoA/AGbMXeNmp684g7hLbnCzUAqjmKf6znG2QCLcB/s1600/02K_AlarmaAnalogicaZumbadorActivo.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-N1KlYsIEVFA/V3gE60hGJ8I/AAAAAAAACoA/AGbMXeNmp684g7hLbnCzUAqjmKf6znG2QCLcB/s1600/02K_AlarmaAnalogicaZumbadorActivo.jpeg" /></a></div>
<br />
Programa:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-bkTEWxfB8X0/V3gE9Rods6I/AAAAAAAACoE/Xf69YZn1ib0OUWJk7ue82UaMHCEbDV0owCLcB/s1600/02K_AlarmaAnalogicaZumbadorActivoP.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-bkTEWxfB8X0/V3gE9Rods6I/AAAAAAAACoE/Xf69YZn1ib0OUWJk7ue82UaMHCEbDV0owCLcB/s1600/02K_AlarmaAnalogicaZumbadorActivoP.jpeg" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Como ya hemos indicado, podemos utilizar el bloque de <b>Leer pin digital</b> en <b>Componentes > Avanzados</b>. Lo proponemos como práctica:</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-4ePMT_TK1SY/WXTNlfAcVyI/AAAAAAAADBQ/sUt5al39ntkVhSv_iLD7SxROFcEPMhlkwCLcBGAs/s1600/avanzados.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="256" data-original-width="394" src="https://2.bp.blogspot.com/-4ePMT_TK1SY/WXTNlfAcVyI/AAAAAAAADBQ/sUt5al39ntkVhSv_iLD7SxROFcEPMhlkwCLcBGAs/s1600/avanzados.png" /></a></div>
<ul>
</ul>
Si utilizamos la versión online, comprobaremos que el número de bloques en <b>Componetes > Avanzados</b> es mayor:<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-EQW2Ke4R0H8/WXTUSR55JGI/AAAAAAAADBg/PpTBo0ASB8ANKVaTgLa6JbJoODzTNAvsQCLcBGAs/s1600/avanzados2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="505" data-original-width="425" src="https://1.bp.blogspot.com/-EQW2Ke4R0H8/WXTUSR55JGI/AAAAAAAADBg/PpTBo0ASB8ANKVaTgLa6JbJoODzTNAvsQCLcBGAs/s1600/avanzados2.png" /></a></div>
<ul>
<li>Montaje con zumbador "pasivo":</li>
</ul>
<div style="text-align: justify;">
En este caso, se ha mantenido el nombre de sensor de luz para resaltar que puede usarse como PIR y, en realidad, como cualquier otro sensor de características similares no incluido como icono en el editor. El código de programación que se genera en C de Arduino no depende del icono en sí, sino de cómo está implementado el código "oculto" que utiliza ese icono.</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-RygRjTRDKXw/V3gHlzpBhuI/AAAAAAAACoc/u76IkAyZE0I_WByXKM0-OKpBlMAMpcGOgCLcB/s1600/02K_AlarmaAnalogicaZumbadorPasivo.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-RygRjTRDKXw/V3gHlzpBhuI/AAAAAAAACoc/u76IkAyZE0I_WByXKM0-OKpBlMAMpcGOgCLcB/s1600/02K_AlarmaAnalogicaZumbadorPasivo.jpeg" /></a></div>
<br />
Programa:<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<img border="0" src="https://4.bp.blogspot.com/-WovtHCcnEPg/V3gHqYb5lYI/AAAAAAAACok/cNJbEJCx8KUrrfuMFJoJaA9R2nF26Q2fwCLcB/s1600/02K_AlarmaAnalogicaZumbadorPasivoP.jpeg" /></div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-50088814530618060592016-06-28T12:26:00.003+02:002017-07-22T20:37:21.690+02:00Siguelíneas - ArduBlock, Bitbloq y mBlock(Artículo en construcción)<br />
<br />
Referencia de programa: 05A, 05B<br />
<br />
<span style="color: #990000;"><b>Arduino IDE 1.0.6 y ArduBlock 20130607 en MAX 6.5 (MAdrid_linuX)</b></span> <br />
<br />
<b>Aviso</b>. Mostramos algún ejemplo con los sensores infrarrojos en los pines analógicos, aunque lo más recomendable es usar los pines digitales, ya que el objetivo es detectar negro.<br />
<br />
Usaremos dos sensores infrarrojos con receptor y emisor o, en el caso de mBot, un módulo siguelíneas (que en realidad incluye dos sensores infrarrojos ligeramente separados).<br />
<br />
Este tipo de sensores, se utilizan para detectar blanco y negro o claro y oscuro.<br />
<ul>
<li>Infrarrojos en pines digitales:</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-cN5WXWBrshE/WXOVJbmpnKI/AAAAAAAADA0/I4bR6o8n560Wx0FlPbnZgXg9F4n5wV15wCLcBGAs/s1600/siguedigitalP1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="522" data-original-width="584" src="https://2.bp.blogspot.com/-cN5WXWBrshE/WXOVJbmpnKI/AAAAAAAADA0/I4bR6o8n560Wx0FlPbnZgXg9F4n5wV15wCLcBGAs/s1600/siguedigitalP1.png" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-iNHeOiIMss4/WXOVM0z-5bI/AAAAAAAADA4/8Soz5bU90msReFmh4L7q0HIr_uKht1Y_ACLcBGAs/s1600/siguedigital2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="549" data-original-width="678" src="https://1.bp.blogspot.com/-iNHeOiIMss4/WXOVM0z-5bI/AAAAAAAADA4/8Soz5bU90msReFmh4L7q0HIr_uKht1Y_ACLcBGAs/s1600/siguedigital2.png" /></a></div>
<ul>
<li>Infrarrojos en pines analógicos:<a href="https://1.bp.blogspot.com/-1umuQ9ANCeM/V3JQx3NZwcI/AAAAAAAAChY/EUN4-aoP68g8FmvFCujNyKmf4GX5M-WQACLcB/s1600/05A_Siguelineas.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://1.bp.blogspot.com/-1umuQ9ANCeM/V3JQx3NZwcI/AAAAAAAAChY/EUN4-aoP68g8FmvFCujNyKmf4GX5M-WQACLcB/s1600/05A_Siguelineas.jpeg" /></a></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-scjEb1TxVAk/V3JQzbDI0ZI/AAAAAAAAChg/_eSNy9DdW5g6UDyiUgVxTK7Fwq8fNebIwCLcB/s1600/05A_SiguelineasB.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-scjEb1TxVAk/V3JQzbDI0ZI/AAAAAAAAChg/_eSNy9DdW5g6UDyiUgVxTK7Fwq8fNebIwCLcB/s1600/05A_SiguelineasB.jpeg" /></a></div>
<br />
Prepara el montaje:<br />
<ul>
<li>Placa Arduino.</li>
<li>Siguelíneas con infrarrojos IR (emisor y receptor):<br /> Pin "digital" 4 o pin analógico 4 (según ejemplo elegido) - Infrarrojo derecho.<br /> Pin "digital" 5 o pin analógico 5 (según ejemplo elegido) - Infrarrojo izquierdo.<br /> Pin digital 9 - Servomotor derecho (parte plana hacia delante).<br /> Pin digital 10 - Servomotor izquierdo (parte plana hacia adelante).</li>
<li>Tablero: superficie blanca con línea negra (no pegada al borde para así facilitar giros).</li>
</ul>
<div style="text-align: justify;">
Ten en cuenta:</div>
<div style="text-align: justify;">
</div>
<ul style="text-align: justify;">
<li>Para obtener los mejores resultados, es mejor que la línea a seguir sea negra sobre fondo blanco. </li>
<li><span style="text-align: start;">En este caso, orienta ambos <b>servomotores de tal forma que los cables</b> que salen <b>miren hacia la parte delantera</b> del robot.</span></li>
<li>En las placas con hileras de tres pines conecta los cables empezando normalmente por
"ground". Cuidado. En algunas placas los pines están invertidos.</li>
<li>Comprueba si tus servomotores están bien calibrados. </li>
<li>Comprueba que los módulos infrarrojos se encuentran a una altura adecuada. </li>
<li>Datos de sensores infrarrojos:<br />Situados a una altura de unos 2, 3 ó 4 cm y rectos, pero puede ser otra en función de las características técnicas del módulo IR.<br />Con líneas negras estrechas, deben estar muy pegados unos a otros. Prueba con anchos de línea y distancias entre infrarrojos mayores o menores para comprobar estos efectos.</li>
<li>No todos los sensores utilizan el mismo rango de valores, incluso algunos aparecen invertidos:<br />Con medidas analógicas y según sensores y condiciones de iluminación, valor aproximado de negro: 150 o, si es al contrario, 800.<br />Con medidas analógicas y según sensores y condiciones de iluminación, valor aproximado de blanco: 800 o, si es al contrario, 150.<br /> </li>
<li>Cuidado. La escasa iluminación y, según como esté diseñado, las sombras que pueda proyectar el propio siguelíneas podrían influir en el funcionamiento.</li>
<li>También influye la inclinación de los sensores infrarrojos en el montaje o que las líneas tengan un reborde discontinuo o no.</li>
<li>En algunos casos por defecto o fallo, el robot podría salirse completamente de la línea; la programación del final haría que volviera a la línea. Se puede cambiar para que gire en uno sentido diferente intercambiando el servo que se mueve y el que se para, ya que ello afectará a que siga en la misma dirección o cambie de dirección.</li>
</ul>
<div style="text-align: justify;">
Programa:</div>
<ul style="text-align: justify;">
<li>Crea el programa que se muestra en la imagen.</li>
</ul>
<div style="text-align: justify;">
Prueba:</div>
<ol>
<li>Pulsa en "Cargar a Arduino". </li>
<li>Observa los cambios y describe lo que ha ocurrido.</li>
<li>¿Qué función tienen las variables "IRderecho" e "IRizquierdo"?</li>
<li>Localiza el resto de variables e indica su función. </li>
<li>¿Influye la posición del servo? </li>
<li>Cambia el nombre de las variables. </li>
<li>Cambia los valores y los operadores. </li>
<li>Cambia los pines. </li>
<li>Describe lo que ha ocurrido tras los cambios.</li>
<li>Describe lo que crees que hace cada bloque paso a paso.</li>
<li>Describe 3 posibles usos de este montaje en la vida real.</li>
</ol>
<div style="text-align: justify;">
Investiga:</div>
<ul>
<li style="text-align: justify;">Investiga nuevas posibilidades cambiando valores y bloques.</li>
</ul>
<span style="color: #990000;"><b>Bitbloq Offline v1.0.3 en MAX 8.0 (MAdrid_linuX)</b></span> <br />
<br />
Montaje 1:<br />
<br />
Similar al anterior de Ardublock pero con infrarrojos en pines digitales 4 y 5. El valor 0 corresponde a negro y el valor 1 a blanco.<br />
<br />
Pin digital 9: servomotor continuo derecho (saliendo los cables hacia delante).<br />
Pin digital 10: servomotor continuo izquierdo (saliendo los cables hacia delante).<br />
Pin digital 4: sensor infrarrojos derecho.<br />
Pin digital 5: sensor infrarrojos izquierdo.<br />
<br />
Para comprobar el sentido de giro horario o antihorario de un servo, suele hacerse observándolo desde abajo del mismo.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-dMYrW0UdItA/WW6GPKHo-TI/AAAAAAAAC78/vcfPwCh0Pr4dVTRm-EcKSSpV2c7tuZdGwCLcBGAs/s1600/05B_SiguelineasIRHexagonosBlancos2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="515" data-original-width="464" height="320" src="https://4.bp.blogspot.com/-dMYrW0UdItA/WW6GPKHo-TI/AAAAAAAAC78/vcfPwCh0Pr4dVTRm-EcKSSpV2c7tuZdGwCLcBGAs/s320/05B_SiguelineasIRHexagonosBlancos2.png" width="288" /></a></div>
Programa:<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/--RECytmrHlw/WW6GTO9NAkI/AAAAAAAAC8A/zltCFPj9KcQ4EynbwSAxWAux6JsORSXQgCLcBGAs/s1600/05B_SiguelineasIRHexagonosBlancos2P.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="913" data-original-width="999" height="584" src="https://2.bp.blogspot.com/--RECytmrHlw/WW6GTO9NAkI/AAAAAAAAC8A/zltCFPj9KcQ4EynbwSAxWAux6JsORSXQgCLcBGAs/s640/05B_SiguelineasIRHexagonosBlancos2P.png" width="640" /></a></div>
<br />
<br />
Montaje 2:<br />
<br />
Pin digital 9: servomotor continuo izquierdo (saliendo los cables hacia delante).<br />
Pin digital 10: servomotor continuo derecho (saliendo los cables hacia delante).<br />
Pin digital 4: sensor infrarrojos izquierdo.<br />
Pin digital 5: sensor infrarrojos derecho.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-LQ2Z9pF_-jk/WW5WvATeSgI/AAAAAAAAC7o/PHwzreGvIEgbCkwOn7Rc1MxT6Y0sejCggCLcBGAs/s1600/05B_SiguelineasIRHexagonosBlancos.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="533" data-original-width="466" height="320" src="https://1.bp.blogspot.com/-LQ2Z9pF_-jk/WW5WvATeSgI/AAAAAAAAC7o/PHwzreGvIEgbCkwOn7Rc1MxT6Y0sejCggCLcBGAs/s320/05B_SiguelineasIRHexagonosBlancos.png" width="279" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Programa:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-oBBEvchWMY8/WW5W0IC756I/AAAAAAAAC7s/IAF6YKxUpyszLB-g_i5aSANjY8S0my8jACLcBGAs/s1600/05B_SiguelineasIRHexagonosBlancosP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="986" height="584" src="https://4.bp.blogspot.com/-oBBEvchWMY8/WW5W0IC756I/AAAAAAAAC7s/IAF6YKxUpyszLB-g_i5aSANjY8S0my8jACLcBGAs/s640/05B_SiguelineasIRHexagonosBlancosP.png" width="640" /></a></div>
<ul>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #990000;"><b>mBlock con mBot (mCore) en MAX 9.0 (MAdrid_linuX) 64 bits ("solo" autónomo)</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #990000;"><b> </b></span></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="text-align: justify;">
En este ejemplo simple, ofrecemos dos posibilidades:<br />
</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-3PKHf5dGThU/WWh4zIctKKI/AAAAAAAAC30/xwDz3MOovRAcow-Aa-rhdDyvq6uOwwS5gCLcBGAs/s1600/05A_SiguelineasIR.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="681" data-original-width="332" src="https://1.bp.blogspot.com/-3PKHf5dGThU/WWh4zIctKKI/AAAAAAAAC30/xwDz3MOovRAcow-Aa-rhdDyvq6uOwwS5gCLcBGAs/s1600/05A_SiguelineasIR.png" /></a></div>
<ul>
</ul>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-21374058689525427372016-06-28T12:08:00.001+02:002017-07-21T17:35:59.459+02:00Joystick para control de un vehículo con servos de rotación continua - ArduBlock, Bitbloq y mBlock(Artículo en construcción)<br />
<br />
Referencia de programas: 04B, 04C, 04D, 04E (varias pruebas en direcciones diferentes)<br />
<br />
<span style="color: #990000;"><b>Arduino IDE 1.0.6 y ArduBlock 20130607 en MAX 6.5 (MAdrid_linuX)</b></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-YadCO382Bss/WOtLM4dfyhI/AAAAAAAACvY/qw15eOYtt8Av4NkJ2yEptRXjAjugDyadgCLcB/s1600/Selecci%25C3%25B3n_002.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-YadCO382Bss/WOtLM4dfyhI/AAAAAAAACvY/qw15eOYtt8Av4NkJ2yEptRXjAjugDyadgCLcB/s1600/Selecci%25C3%25B3n_002.jpeg" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Prepara el montaje:<br />
<ul>
<li>Placa Arduino.</li>
<li>JoyStick de 5 cables.<br />Tres primeros cables a pin "analógico" 4 (cuidado, en algunas placas están invertidos).<br />Cuarto cable a pin analógico 5 señal - Eje y.<br />Quinto cable a pin "digital" 7 señal - Apagar leds o parar motores.</li>
<li>Pin digital 8 - Servomotor de rotación continua izquierdo.</li>
<li>Pin digital 9 - Servomotor de rotación continua derecho. </li>
</ul>
<div style="text-align: justify;">
Ten en cuenta:</div>
<div style="text-align: justify;">
</div>
<ul style="text-align: justify;">
<li>En las placas con hileras de tres pines conecta los cables empezando normalmente por
"ground". Cuidado. En algunas placas los pines están invertidos.</li>
<li>No todos los "joystick" tienen el mismo diseño ni reconocen el mismo
rango valores; prueba a modificar los valores en el programa si es
necesario.</li>
<li>Comprueba si tus servomotores están bien calibrados. </li>
</ul>
<div style="text-align: justify;">
Programa:</div>
<ul style="text-align: justify;">
<li>Crea el programa que se muestra en la imagen.</li>
</ul>
<div style="text-align: justify;">
Prueba:</div>
<ol>
<li>Pulsa en "Cargar a Arduino".</li>
<li>Acciona el mando en varias direcciones y prueba también a pulsarlo. A veces es necesario pulsar en la posición exacta.</li>
<li>Observa los cambios y describe lo que ha ocurrido.</li>
<li>¿Qué función tienen las variables "xeje" e "yeje"?</li>
<li>Cambia el nombre de las variables. </li>
<li>Cambia los valores y los operadores. </li>
<li>Cambia los pines. </li>
<li>Describe lo que ha ocurrido tras los cambios.</li>
<li>Describe lo que crees que hace cada bloque paso a paso.</li>
<li>Describe 3 posibles usos de este montaje en la vida real.</li>
</ol>
<div style="text-align: justify;">
Investiga:</div>
<ul>
<li style="text-align: justify;">Investiga nuevas posibilidades cambiando valores y bloques.</li>
</ul>
<span style="color: #990000;"><b>Bitbloq Offline v1.0.3 en MAX 8.0 (MAdrid_linuX)</b></span> <br />
<br />
Montaje:<br />
<br />
<b>Aviso</b>.En este caso, se ha utilizado el <b>joystick que comercializa bq</b>. La configuración por defecto, rango de valores y orientación de ejes
con respecto a los cables de conexión pueden ser diferentes al de otros
joysticks del mercado.<br />
<br />
De hecho, se ha probado esta misma programación<b> con un joystick diferente </b>y el comportamiento de los servos cambia. Se comentan los motivos al final del programa.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-RTTRL0RV6xA/WXIXLD5B9jI/AAAAAAAAC_s/2GOXwEQs8yQIok4KGBom1Jpxo3Y1Y8lkgCLcBGAs/s1600/04C_Joystick3x3conServos.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="467" data-original-width="404" src="https://4.bp.blogspot.com/-RTTRL0RV6xA/WXIXLD5B9jI/AAAAAAAAC_s/2GOXwEQs8yQIok4KGBom1Jpxo3Y1Y8lkgCLcBGAs/s1600/04C_Joystick3x3conServos.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Programas:<br />
<br />
Hay una diferencia importante con respecto al proyecto anterior. Vamos a hacer que se puedan realizar curvas más cerradas. Para ello, al girar a la derecha e izquierda, en vez de parar uno de los servos, haremos que <b>gire en dirección contraria al otro</b>.<br />
<ul>
<li>Con joystick comercializado por bq (3 x 3 cables):</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-TQqpbyDSXBI/WXIXSD-v6mI/AAAAAAAAC_w/uJgH0jzRAOsyC28IjH1VNx-Kde8MpxQnwCLcBGAs/s1600/04C_Joystick3x3conServosP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="992" data-original-width="734" src="https://1.bp.blogspot.com/-TQqpbyDSXBI/WXIXSD-v6mI/AAAAAAAAC_w/uJgH0jzRAOsyC28IjH1VNx-Kde8MpxQnwCLcBGAs/s1600/04C_Joystick3x3conServosP.png" /></a></div>
<ul>
<li>Con joystick diferente procedente del mercado (5 cables): </li>
</ul>
Como se hizo en el ejemplo de Ardublock, ha sido necesario <b>inicializar a 1 el valor del pulsador del joystick</b> (pin digital 7), pues no viene configurado así por defecto.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-vkMq_AXOXWQ/WXIYQUM7y9I/AAAAAAAAC_0/4AEPoivToP4P7FpT5fGIPz2iXmDTG09UgCLcBGAs/s1600/04C_Joystick3x3conServosAmpliadoTodosP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="165" data-original-width="728" height="145" src="https://3.bp.blogspot.com/-vkMq_AXOXWQ/WXIYQUM7y9I/AAAAAAAAC_0/4AEPoivToP4P7FpT5fGIPz2iXmDTG09UgCLcBGAs/s640/04C_Joystick3x3conServosAmpliadoTodosP.png" width="640" /></a></div>
<br />
Además, <b>los ejes X e Y tienen otra orientación respecto a los cables</b>; el joystick debe colocarse con los cables hacia un lado en vez de
hacia adelante para que interprete bien las órdenes. Habría que cambiar
la programación si queremos manejar el joystick con los cables mirando
hacia adelante, que como se hizo en el caso de Ardublock. <br />
<br />
<ul>
</ul>
<span style="color: #990000;"><b>mBlock con mBot (mCore) en MAX 9.0 (MAdrid_linuX) 64 bits (conectado y autónomo)</b></span><br />
<span style="color: #990000;"> </span><br />
<span style="color: #990000;"><span style="color: black;">En este caso usamos los dos motores DC del kit mBot en los conectores M1 y M2.</span></span><br />
<br />
<div style="text-align: justify;">
Como en el ejemplo del artículo anterior, debemos utilizar el módulo externo joystick conectado en
el puerto 4, aunque por lo que se ha probado sólo funciona usando el
bloque de ejecución mediante bandera verde.<br />
</div>
<div style="text-align: justify;">
Se
ofrecen las alternativas para programarlo de forma autónoma utilizando
el mando IR de control a distancia o el módulo de botonera de 4
bototones conectado en el puerto 4).<br />
<br />
Aviso:<br />
<br />
En
este caso, se ha observado que es conveniente tener las pilas
conectadas durante la carga del programa para minimizar el número de
fallos durante la carga. A veces ha ocurrido también con otros
programas, por lo que se recomienda probarlo en caso de observar fallos.</div>
<br />
<ul>
<li><span style="color: #990000;"><span style="color: black;">Joystick externo:</span></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-Occ84ZtozxM/WWh25o0GyNI/AAAAAAAAC3k/gVIW_uJrWQMO62z3D_FmroS-EUazSCH4wCLcBGAs/s1600/04A_Joystick2Leds4LucesA.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="486" data-original-width="496" src="https://3.bp.blogspot.com/-Occ84ZtozxM/WWh25o0GyNI/AAAAAAAAC3k/gVIW_uJrWQMO62z3D_FmroS-EUazSCH4wCLcBGAs/s1600/04A_Joystick2Leds4LucesA.png" /></a></div>
<br />
<ul>
<li><span style="color: #990000;"><span style="color: black;">Mando de control a distancia:</span></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-adcSPWZVZnM/WWh29IyquXI/AAAAAAAAC3o/cg3Lf-7ysCoe_qsVx_mL51x9nbFMvS5jQCLcBGAs/s1600/04A_Joystick2Leds4LucesBMandoIR.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="465" data-original-width="498" src="https://2.bp.blogspot.com/-adcSPWZVZnM/WWh29IyquXI/AAAAAAAAC3o/cg3Lf-7ysCoe_qsVx_mL51x9nbFMvS5jQCLcBGAs/s1600/04A_Joystick2Leds4LucesBMandoIR.png" /></a></div>
<br />
<ul>
<li><span style="color: #990000;"><span style="color: black;">Botonera (módulo externo de 4 botones): </span></span></li>
</ul>
<span style="color: #990000;"><span style="color: black;"></span></span><br />
<div style="text-align: center;">
<a href="https://4.bp.blogspot.com/-TwRlpO3g8wE/WWh3BvBFaEI/AAAAAAAAC3s/OsslTsAE6fg99S2EbxFXa649e6edR35LQCLcBGAs/s1600/04A_Joystick2Leds4LucesCBotonera.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="464" data-original-width="497" src="https://4.bp.blogspot.com/-TwRlpO3g8wE/WWh3BvBFaEI/AAAAAAAAC3s/OsslTsAE6fg99S2EbxFXa649e6edR35LQCLcBGAs/s1600/04A_Joystick2Leds4LucesCBotonera.png" /></a><span style="color: #990000;"><span style="color: black;"> </span></span> </div>
<ul>
</ul>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0tag:blogger.com,1999:blog-8321164716740837869.post-1426687257904414202016-06-28T11:56:00.001+02:002017-07-21T17:32:51.746+02:00Joystick para control de 4 leds - ArduBlock, Bitblock y mBlock(Artículo en construcción)<br />
<br />
Referencia de programas: 04A, 04B<br />
<br />
<span style="color: #990000;"><b>Arduino IDE 1.0.6 y ArduBlock 20130607 en MAX 6.5 (MAdrid_linuX)</b></span><br />
<br />
El objetivo es encender uno de los cuatro leds y que permanezca encendido aunque se suelte el joystick y vuelva al centro. El led activado se apagará cuando se pulse el botón del joystick.<br />
<br />
En caso de desear otro tipo de funcionamiento, como por ejemplo que el led sólo quede encendido cuando el joystick esté dirigido en esa posición y se apague automáticamente al volver al centro, debemos variar la programación con bloques al contrario del tipo "si no entonces".<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-eSk11x1pXEc/V3JJe6YrpAI/AAAAAAAACgw/7j7DMcaOinQkahaBXSaN1ZLfivH_tIalwCLcB/s1600/04B_Joystcik3x3LedsA.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-eSk11x1pXEc/V3JJe6YrpAI/AAAAAAAACgw/7j7DMcaOinQkahaBXSaN1ZLfivH_tIalwCLcB/s1600/04B_Joystcik3x3LedsA.jpeg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-av_FsigFd70/V3JJg6r76qI/AAAAAAAACg4/j7PH0lgIyFUiMFDwXko5ZcrUt6nl72AYQCLcB/s1600/04B_Joystcik3x3LedsB.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://1.bp.blogspot.com/-av_FsigFd70/V3JJg6r76qI/AAAAAAAACg4/j7PH0lgIyFUiMFDwXko5ZcrUt6nl72AYQCLcB/s1600/04B_Joystcik3x3LedsB.jpeg" /></a></div>
<br />
Prepara el montaje:<br />
<ul>
<li>Placa Arduino.</li>
<li>JoyStick de 5 cables.<br />Tres primeros cables a pin "analógico" 4 (cuidado, en algunas placas están invertidos).<br />Cuarto cable a pin analógico 5 externo - Eje y.<br />Quinto cable a pin "digital" 9 externo- Apagar leds o parar motores.</li>
<li>Pin digital 10 - Led izquierda.</li>
<li>Pin digital 11 - Led arriba.</li>
<li>Pin digital 12 - Led derecha.</li>
<li>Pin digital 13 - Led abajo.</li>
</ul>
<div style="text-align: justify;">
Ten en cuenta:</div>
<div style="text-align: justify;">
</div>
<ul style="text-align: justify;">
<li>En las placas con hileras de tres pines conecta los cables empezando normalmente por
"ground". Cuidado. En algunas placas los pines están invertidos.</li>
<li>No todos los "joystick" tienen el mismo diseño en la orientación de los ejes con respecto a los cables de conexión ni reconocen el mismo rango valores; prueba a modificar los valores en el programa si es necesario. </li>
</ul>
<div style="text-align: justify;">
Programa:</div>
<ul style="text-align: justify;">
<li>Crea el programa que se muestra en la imagen.</li>
</ul>
<div style="text-align: justify;">
Prueba:</div>
<ol>
<li>Pulsa en "Cargar a Arduino".</li>
<li>Acciona el mando en varias direcciones y prueba también a pulsarlo. A veces es necesario pulsar en la posición exacta.</li>
<li>Observa los cambios y describe lo que ha ocurrido.</li>
<li>¿Qué función tienen las variables "xeje" e "yeje"?</li>
<li>Cambia el nombre de las variables. </li>
<li>Cambia los valores y los operadores. </li>
<li>Cambia los pines. </li>
<li>Describe lo que ha ocurrido tras los cambios.</li>
<li>Describe lo que crees que hace cada bloque paso a paso.</li>
<li>Describe 3 posibles usos de este montaje en la vida real.</li>
</ol>
<div style="text-align: justify;">
Investiga:</div>
<ul>
<li style="text-align: justify;">Investiga nuevas posibilidades cambiando valores y bloques.</li>
</ul>
<span style="color: #990000;"><b>Bitbloq Offline v1.0.3 en MAX 8.0 (MAdrid_linuX)</b></span> <br />
<br />
Montaje:<br />
<br />
<b>Aviso</b>.En este caso, se ha utilizado el <b>joystick que comercializa bq</b>. La configuración por defecto, rango de valores y orientación de ejes
con respecto a los cables de conexión pueden ser diferentes al de otros
joysticks del mercado.<br />
<br />
De hecho, se ha probado esta misma programación<b> con un joystick diferente </b>y el comportamiento de los leds cambia. Se comenta el motivo al final del programa.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-oYtDR-Y7KBc/WXHbq_WJHzI/AAAAAAAAC-k/lsxPhTnk3tc3Vri3VfGAf75Yutxphgu1wCLcBGAs/s1600/04A_Joystick5Cables.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="604" data-original-width="370" src="https://1.bp.blogspot.com/-oYtDR-Y7KBc/WXHbq_WJHzI/AAAAAAAAC-k/lsxPhTnk3tc3Vri3VfGAf75Yutxphgu1wCLcBGAs/s1600/04A_Joystick5Cables.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Programas:<br />
<br />
<ul>
<li>Con joystick comercializado por bq (3x3 cables).</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-l4xL_cNDIkQ/WXHg2RvO_lI/AAAAAAAAC_E/kkTTTVAoQ84qTSVYiDRUf9HZ47i5oLIeACLcBGAs/s1600/04A_Joystick3x3CablesP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="642" data-original-width="737" height="556" src="https://3.bp.blogspot.com/-l4xL_cNDIkQ/WXHg2RvO_lI/AAAAAAAAC_E/kkTTTVAoQ84qTSVYiDRUf9HZ47i5oLIeACLcBGAs/s640/04A_Joystick3x3CablesP.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-wFlzXSIqXcI/WXHgcWK8_9I/AAAAAAAAC_A/XXC6cQcnyEQqVEN8fmEkWB6Zs-HUvvo4ACLcBGAs/s1600/04A_Joystick3x3CablesP2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="823" data-original-width="692" height="640" src="https://3.bp.blogspot.com/-wFlzXSIqXcI/WXHgcWK8_9I/AAAAAAAAC_A/XXC6cQcnyEQqVEN8fmEkWB6Zs-HUvvo4ACLcBGAs/s640/04A_Joystick3x3CablesP2.png" width="538" /></a></div>
<ul>
<li>Con joystick diferente procedente del mercado (5 cables): </li>
</ul>
Como se hizo en el ejemplo de Ardublock, ha sido necesario <b>inicializar a 1 el valor del pulsador del joystick</b> (pin digital 9), pues no viene configurado así por defecto.<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-pNtU3BWJo50/WXHv8Dy_vHI/AAAAAAAAC_c/G7y8MeNp0LQp3jPs-1N_8FUXOblX0NmCQCLcBGAs/s1600/04A_JoystickModificaci%25C3%25B3n5Cables.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="243" data-original-width="724" height="214" src="https://2.bp.blogspot.com/-pNtU3BWJo50/WXHv8Dy_vHI/AAAAAAAAC_c/G7y8MeNp0LQp3jPs-1N_8FUXOblX0NmCQCLcBGAs/s640/04A_JoystickModificaci%25C3%25B3n5Cables.png" width="640" /></a></div>
<br />
Además, <b>los ejes X e Y tienen otra orientación respecto a los cables</b>; el joystick debe colocarse con los cables hacia un lado en vez de
hacia adelante para que interprete bien las órdenes. Habría que cambiar
la programación si queremos manejar el joystick con los cables mirando
hacia adelante, que como se hizo en el caso de Ardublock.<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #990000;"><b>mBlock con mBot (mCore) en MAX 9.0 (MAdrid_linuX) 64 bits</b></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #990000;"><b> </b></span></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="text-align: justify;">
En este ejemplo, debemos utilizar el módulo externo joystick conectado en el puerto 4, aunque por lo que se ha probado sólo funciona usando el bloque de ejecución mediante bandera verde.<br />
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
Se ofrecen las alternativas para programarlo de forma autónoma utilizando el mando IR de control a distancia o el módulo de botonera de 4 bototones conectado en el puerto 4).<br />
<br />
Aviso:<br />
<br />
En este caso, se ha observado que es conveniente tener las pilas conectadas durante la carga del programa para minimizar el número de fallos durante la carga. A veces ha ocurrido también con otros programas, por lo que se recomienda probarlo en caso de observar fallos.</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<ul>
<li>Joystick:</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-L5cZSPG5TD0/WWhzzgjiruI/AAAAAAAAC3Y/AW3C6ejymgoY4DFpaor__gEpnrnAprqKgCLcBGAs/s1600/04A_Joystick2Leds4LucesA.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="486" data-original-width="496" src="https://3.bp.blogspot.com/-L5cZSPG5TD0/WWhzzgjiruI/AAAAAAAAC3Y/AW3C6ejymgoY4DFpaor__gEpnrnAprqKgCLcBGAs/s1600/04A_Joystick2Leds4LucesA.png" /></a></div>
<div style="text-align: justify;">
<ul>
<li> Mando de control a distancia:</li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-pCdj6w8J3NM/WWhz5dYJu5I/AAAAAAAAC3c/ujSEhP6caqgfJbQ2z1Im9LcQv_88VTfRACLcBGAs/s1600/04A_Joystick2Leds4LucesBMandoIR.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="465" data-original-width="498" src="https://2.bp.blogspot.com/-pCdj6w8J3NM/WWhz5dYJu5I/AAAAAAAAC3c/ujSEhP6caqgfJbQ2z1Im9LcQv_88VTfRACLcBGAs/s1600/04A_Joystick2Leds4LucesBMandoIR.png" /></a></div>
<div style="text-align: justify;">
<ul>
<li>Botonera (modulo externo de 4 botones): </li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-uiNy9d27rSw/WWhz9V_vR6I/AAAAAAAAC3g/zOvnyOug0J8-oQnEoY8aTF8a0S3O6v7IwCLcBGAs/s1600/04A_Joystick2Leds4LucesCBotonera.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="464" data-original-width="497" src="https://1.bp.blogspot.com/-uiNy9d27rSw/WWhz9V_vR6I/AAAAAAAAC3g/zOvnyOug0J8-oQnEoY8aTF8a0S3O6v7IwCLcBGAs/s1600/04A_Joystick2Leds4LucesCBotonera.png" /></a></div>
Antonio Ángel Ruiz Molinohttp://www.blogger.com/profile/15759251164302434352noreply@blogger.com0