whitescene

¿Que es twitter? desde el punto de vista de una persona normal ...bueno casi http://twitter.com/ Bueno twitter como ya de se guro lo han escuchado en muchos lugares es una red social que esta creciendo muy rápido pero, ¿que tiene de especial que no tenga facebook o myspace?. La verdad twitter es como si fuera simplemente el muro en facebook o la actualizacion de estado de myspace ahí donde te aparecen las fotos donde los demás han sido etiquetados, las actualizaciones de farmville o de Pet Society, pero por que tanto alboroto por eso?. Muy simple si en facebook usaran en muro como ahí dice y cada quien escribiera lo que esta pensando o lo que esta haciendo y solo fuera eso seria muy interesante pero casi nadie lo hace y casi ya nadie o va ha hacer por que es tapado por las demás actualizaciones, en twitter lo que sucede es eso, cada quien escribe lo que piensa o que hace, mostrado sus defectos y virtudes y a la vez lo estas compartiendo con todos y no solo con una lista de amigos. De ahi puede pasar que otras personas que quisas querrán conocerte de como eres la pueden ver podrán saber mas de ti y ami en lo personal eso me gusta mucho, cuando derrepente me topo a alguien que ni se como se llama y sabe varias cosas sobre mi . Cuando estas en twitter es como cuando estas en una reunión y todos platican a la vez, sin miedo a que nadie te conteste, sin estar contando los comentarios sin esperar si alguien le gusto o no, es como si estuvieras en el messenger pero hablando con todos a la vez como cuando agregas en una conversacion a varias personas y la verdad es simplemente platicar por eso después de haber estado en facebook myspace deviantar flickr hispasonicos lastfm de las redes sociales la que me ha gustado mas, aunque tengo pocos seguidores es twitter (bueno y flickr) además la mayoría de la gente interesante esta ahí bueno también en flickr y en myspace pero myspace ya se ha convertido en spanspace y eso ya lo sabemos muy bien yo era fanatico de myspace pero ya con esto del spam como que pierde sabor en twitter también puede pasar lo mismo pero eso depende de ti si quieres seguir a una tienda de cosméticos o a una persona que se dedica a algo especial. http://twitter.com/whitescene ¿Como usar twitter? Graba tus videos en con la Zx1 Graba tus videos en con la Zx1 http://twitter.com/whitescene

¿Que es twitter? desde el punto de vista de una persona normal ...bueno casi http://twitter.com/ Bueno twitter como ya de se guro lo han escuchado en muchos lugares es una red social que esta creciendo muy rápido pero, ¿que tiene de especial que no tenga facebook o myspace?. La verdad twitter es como si fuera simplemente el muro en facebook o la actualizacion de estado de myspace ahí donde te aparecen las fotos donde los demás han sido etiquetados, las actualizaciones de farmville o de Pet Society, pero por que tanto alboroto por eso?. Muy simple si en facebook usaran en muro como ahí dice y cada quien escribiera lo que esta pensando o lo que esta haciendo y solo fuera eso seria muy interesante pero casi nadie lo hace y casi ya nadie o va ha hacer por que es tapado por las demás actualizaciones, en twitter lo que sucede es eso, cada quien escribe lo que piensa o que hace, mostrado sus defectos y virtudes y a la vez lo estas compartiendo con todos y no solo con una lista de amigos. De ahi puede pasar que otras personas que quisas querrán conocerte de como eres la pueden ver podrán saber mas de ti y ami en lo personal eso me gusta mucho, cuando derrepente me topo a alguien que ni se como se llama y sabe varias cosas sobre mi . Cuando estas en twitter es como cuando estas en una reunión y todos platican a la vez, sin miedo a que nadie te conteste, sin estar contando los comentarios sin esperar si alguien le gusto o no, es como si estuvieras en el messenger pero hablando con todos a la vez como cuando agregas en una conversacion a varias personas y la verdad es simplemente platicar por eso después de haber estado en facebook myspace deviantar flickr hispasonicos lastfm de las redes sociales la que me ha gustado mas, aunque tengo pocos seguidores es twitter (bueno y flickr) además la mayoría de la gente interesante esta ahí bueno también en flickr y en myspace pero myspace ya se ha convertido en spanspace y eso ya lo sabemos muy bien yo era fanatico de myspace pero ya con esto del spam como que pierde sabor en twitter también puede pasar lo mismo pero eso depende de ti si quieres seguir a una tienda de cosméticos o a una persona que se dedica a algo especial. http://twitter.com/whitescene ¿Como usar twitter? Graba tus videos en con la Zx1 Graba tus videos en con la Zx1 http://twitter.com/whitescene

Bueno desde hace mucho tiempo se han estado viendo videos de windows 8 y la verdad es que no son reales, hace poco algunos videos oficiales de las betas de microsoft para windows 8 y el diseño a la verdad a mi me a gustado mucho y lo de pantalla táctil mas no tengo una pc de pantalla táctil pero creo que me voy a comprar una. Atension algo que se me hizo muy raro fue ver que uno de estos videos en youtube tenia muchos no me gusta,la razón es por que al parecer esta mas orientado a pantalla táctil y la mayoría de la gente no tiene pc de pantalla tactil pero lo que no se fijaron puesto que es obvio es que trae las dos funciones o temas como le quieras llamar, la de pantalla táctil y la clásica como la de windows 7. link: http://www.youtube.com/watch?v=p92QfWOw88I link: http://www.youtube.com/watch?v=7MnEndww2YQ la verdad a mi me gusto mucho el nuevo windows 8 con interfas estilo wp7 y si no tienes dinero para comprarte una pc de pantalla táctil pues comprate una mac Descubre html5 aqui http://youtu.be/tlxAG2p1g5w

Bueno aqui siguiendo en la onda artistica ahora les comparto a toda la comunidad taringa estas esculturas que he hecho son pocas pero echas con amor esta es ...mas reciente ...ojala y les gusten saludos

En la creación del post antes que nada este post esta dedicado a este publico especial de taringa que le gusta el marketing, el desarrollo web y la mercadotecnia, no hice este post para que lo miraran con el afán de mirarlo y hacer publicidad, sino con la intensión de verla estrategia de marketing que se utiliza a través de html 5 y la creatividad que se puede hacer con simples herramientas. yo soy un estudiante de arquitectura que en sus tiempos libres se dedica a diseñar paginas web y se me ocurrió por que no hacer un comercial y luego dije uffff habrá que conseguir cámaras y actores y todo eso y simplemente dije naaa, después de estar viendo varios comerciales de windows, apple, google y muchos otros de la nueva tendencia tecnológica me di cuenta que tal vez no era necesario bueno ahora los programas utilizados fueron: El famosos photoshop cs 5, para las imágenes, textos etc. camtasia estudio 7 iba a usar el after efects pero no le se mucho este lo utilice para grabar las animaciones html 5 y las funciones como lo son sooms y aditamentos de 3 textos describiendo la dirección de las paginas web, ademas para gener el archivo .avi Google chrome para correr las animaciones y el funcionamiento las paginas web sehncha para editar el código de html 5 Adobe audition 2.0 para el audio, el audio que se graba con el camtasia estudio es muy malo es mono y uno cuando hace las cosas siempre quiere lo mejor, así que limpie el audio lo mas que pude y lo grabe a 440 kbps, 94 khz, 2 chanels, 24 bits CBR y flash parque algunas paginas están en flash todabia La idea del comercial fue básicamente hacer algo minimalista y que explicara rápido lo que se necesita, viendo las tendencias en publicidad que esta utilizando microsoft, google y apple creo que fue la elección correcta y ademas porque no poda hacer mas Pensamientos tal ves ustedes dirán porque usar html 5 si el camtasia puede hacer muchos efectos, claro que puede hacer muchos efectos pero no puede hacer todos Aquí en este link pueden ver lo que se hizo directamente en html 5 (solo google chrome y safari lo pueden correr): http://www.naturalwebs.com.mx/video.html Codigo y bueno este fue el código usado para la parte de html 5 dijo: <!DOCTYPE html5> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Video version html 5</title><script type="text/javascript"> function setConfig(configObject) { config = configObject; //get ol list and children var ol = document.body.getElementsByTagName('ol')[0]; scenes = ol.children; currentSceneIndex = -1; } function start() { goToScene(0); } function goToSceneID(id) { for (var i=0; i < config.length; i++) { if (config.id === id) { goToScene(i); return; } } } //function to go directly to any scene function goToScene(index) { //go to scene startScene(index); //set up timer if jumping on done if (config[index].jump !== -1) { applyTimeout(config[index].jump, config[index].duration); } } function startScene(index) { //restart current scene without flicker if (index === currentSceneIndex) { scenes[index].setAttribute('class','run restart'); setTimeout(function(){ scenes[index].setAttribute('class','run'); },0); return; } //add the class "run" to the scene currently running and remove it from anybody else var scene; for (var i=0; i < scenes.length; i++) { scene = scenes; if (i === index) { scene.setAttribute('class','run'); } else { scene.setAttribute('class',''); } } currentSceneIndex = index; } //set timeout function applyTimeout(index,time) { setTimeout(function(){ goToScene(index); },time); } </script><script type="text/javascript"> window.onload=setup; function setup() { setConfig([{"jump":-1,"duration":41620,"id":0}]); start(); } </script> <style type="text/css"> .AN-sObj-stage { border:1px solid #000; position: relative; overflow:hidden; -webkit-perspective: 600; -webkit-transform-style:preserve-3d; } .AN-sObj-stage div { position: absolute; } .AN-sObj-stage a { color: inherit; text-decoration:none; } .AN-sObj-stage * { margin:0; padding:0; -webkit-font-smoothing: antialiased; } body,.AN-sObj-stage,ol,li { margin:0; padding:0; } ol { list-style:none; position:relative; } li { position:absolute; top:0; left:0; } li { display:none; } li.run { display:block; } .restart * { -webkit-animation-name: none !important; } .AN-sObj-stage{ height: 720px; width: 1280px; background-color: rgba(255,255,255,1); border:1px solid rgba(255,255,255,0.82); } #AN-sObj-450{ -webkit-transform: translate3d(393px, 263px, 0px); width: 611px; height: 160px; top:0; left:0; } #AN-sObj-451{ -webkit-transform: translate3d(15px, 303px, 0px); width: 1238px; height: 57px; top:0; left:0; } #AN-sObj-452{ -webkit-transform: translate3d(15px, 303px, 0px); width: 1238px; height: 57px; top:0; left:0; } #AN-sObj-453{ -webkit-transform: translate3d(15px, 303px, 0px); width: 1238px; height: 57px; top:0; left:0; } #AN-sObj-454{ -webkit-transform: translate3d(420px, 103px, 0px); width: 495px; height: 498px; top:0; left:0; } #AN-sObj-455{ -webkit-transform: translate3d(512px, 290px, 0px); width: 302px; height: 52px; top:0; left:0; } #AN-sObj-456{ -webkit-transform: translate3d(512px, 290px, 0px); width: 302px; height: 52px; top:0; left:0; } #AN-sObj-457{ -webkit-transform: translate3d(512px, 290px, 0px); width: 302px; height: 52px; top:0; left:0; } #AN-sObj-458{ -webkit-transform: translate3d(-26px, -26px, 0px); width: 1337px; height: 777px; top:0; left:0; } #AN-sObj-459{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-460{ -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.917, 0.917, 1); width: 844px; height: 55px; top:0; left:0; } #AN-sObj-461{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-462{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-463{ -webkit-transform: translate3d(530px, 320px, 0px); width: 302px; height: 52px; top:0; left:0; } #AN-sObj-464{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-465{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-466{ -webkit-transform: translate3d(134px, 321px, 0px); width: 1024px; height: 55px; top:0; left:0; } #AN-sObj-467{ -webkit-transform: translate3d(363px, 262px, 0px); width: 611px; height: 160px; top:0; left:0; } @-webkit-keyframes AN-ani-468 { 0% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(0.629, 0.629, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(0.629, 0.629, 1); opacity: 0; } 20.48% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(0.629, 0.629, 1); opacity: 1; } 81.65% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(1, 1, 1); opacity: 0; } } .run #AN-sObj-450{ -webkit-animation-name: AN-ani-468; -webkit-animation-duration: 3.7600000000000002s; -webkit-animation-delay: 0.21s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-450{ -webkit-transform: translate3d(393px, 263px, 0px) scale3d(0.629, 0.629, 1); opacity: 0; } @-webkit-keyframes AN-ani-469 { 0% { -webkit-transform: translate3d(15px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(15px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } 58.26% { -webkit-transform: translate3d(15px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); opacity: 0.4; } 100% { -webkit-transform: translate3d(38px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(2.007, 2.007, 1); opacity: 0; } } .run #AN-sObj-451{ -webkit-animation-name: AN-ani-469; -webkit-animation-duration: 7.139999999999999s; -webkit-animation-delay: 4.23s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-451{ -webkit-transform: translate3d(15px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } @-webkit-keyframes AN-ani-470 { 0% { -webkit-transform: translate3d(15px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(15px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } 56.52% { -webkit-transform: translate3d(15px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); opacity: 0.4; } 100% { -webkit-transform: translate3d(38px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(2.007, 2.007, 1); opacity: 0; } } .run #AN-sObj-452{ -webkit-animation-name: AN-ani-470; -webkit-animation-duration: 7.359999999999999s; -webkit-animation-delay: 4.23s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-452{ -webkit-transform: translate3d(15px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } @-webkit-keyframes AN-ani-471 { 0% { -webkit-transform: translate3d(15px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(15px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } 54.74% { -webkit-transform: translate3d(15px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); opacity: 0.4; } 100% { -webkit-transform: translate3d(38px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(2.007, 2.007, 1); opacity: 0; } } .run #AN-sObj-453{ -webkit-animation-name: AN-ani-471; -webkit-animation-duration: 7.6s; -webkit-animation-delay: 4.23s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-453{ -webkit-transform: translate3d(15px, 303px, 0px) rotate0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } @-webkit-keyframes AN-ani-472 { 0% { -webkit-transform: translate3d(420px, 103px, 0px) scale3d(0.352, 0.352, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(420px, 103px, 0px) scale3d(0.352, 0.352, 1); opacity: 0; } 51.12% { -webkit-transform: translate3d(420px, 103px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(420px, 103px, 0px) scale3d(1.168, 1.168, 1); opacity: 0; } } .run #AN-sObj-454{ -webkit-animation-name: AN-ani-472; -webkit-animation-duration: 4.010000000000002s; -webkit-animation-delay: 12.11s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-454{ -webkit-transform: translate3d(420px, 103px, 0px) scale3d(0.352, 0.352, 1); opacity: 0; } @-webkit-keyframes AN-ani-473 { 0% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } 38.08% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1, 1, 1); opacity: 0.3; } 100% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1.65, 1.712, 1); opacity: 0; } } .run #AN-sObj-455{ -webkit-animation-name: AN-ani-473; -webkit-animation-duration: 2.8099999999999987s; -webkit-animation-delay: 10.3s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-455{ -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } @-webkit-keyframes AN-ani-474 { 0% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } 41.63% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1, 1, 1); opacity: 0.2; } 100% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1.65, 1.712, 1); opacity: 0; } } .run #AN-sObj-456{ -webkit-animation-name: AN-ani-474; -webkit-animation-duration: 2.5699999999999985s; -webkit-animation-delay: 10.3s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-456{ -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } @-webkit-keyframes AN-ani-475 { 0% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } 44.96% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1, 1, 1); opacity: 0.2; } 100% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1.65, 1.712, 1); opacity: 0; } } .run #AN-sObj-457{ -webkit-animation-name: AN-ani-475; -webkit-animation-duration: 2.379999999999999s; -webkit-animation-delay: 10.3s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-457{ -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } @-webkit-keyframes AN-ani-476 { 0% { -webkit-transform: translate3d(-8px, -28px, 0px) scale3d(0.191, 0.191, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(-8px, -28px, 0px) scale3d(0.191, 0.191, 1); opacity: 0; } 46.67% { -webkit-transform: translate3d(-26px, -26px, 0px) scale3d(1, 1, 1); opacity: 1; } 87.47% { -webkit-transform: translate3d(-26px, -26px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(-26px, -26px, 0px) scale3d(1, 1, 1); opacity: 0; } } .run #AN-sObj-458{ -webkit-animation-name: AN-ani-476; -webkit-animation-duration: 4.950000000000001s; -webkit-animation-delay: 14.76s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-458{ -webkit-transform: translate3d(-8px, -28px, 0px) scale3d(0.191, 0.191, 1); opacity: 0; } @-webkit-keyframes AN-ani-477 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 78.1% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1.167, 1.167, 1); opacity: 0; } } .run #AN-sObj-459{ -webkit-animation-name: AN-ani-477; -webkit-animation-duration: 3.469999999999999s; -webkit-animation-delay: 19.09s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-459{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } @-webkit-keyframes AN-ani-478 { 0% { -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.81613, 0.81613, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.81613, 0.81613, 1); opacity: 0; } 64.46% { -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.917, 0.917, 1); opacity: 1; } 100% { -webkit-transform: translate3d(220px, 297px, 0px) scale3d(1.518552, 1.518552, 1); opacity: 0; } } .run #AN-sObj-460{ -webkit-animation-name: AN-ani-478; -webkit-animation-duration: 2.870000000000001s; -webkit-animation-delay: 22.2s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-460{ -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.81613, 0.81613, 1); opacity: 0; } @-webkit-keyframes AN-ani-479 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity: 0; } 44.19% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 87.98% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 0; } } .run #AN-sObj-461{ -webkit-animation-name: AN-ani-479; -webkit-animation-duration: 2.580000000000002s; -webkit-animation-delay: 24.81s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-461{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity: 0; } @-webkit-keyframes AN-ani-480 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(360px, -6px, 0px) scale3d(1.574, 1.574, 1); opacity: 0; } } .run #AN-sObj-462{ -webkit-animation-name: AN-ani-480; -webkit-animation-duration: 1.1699999999999982s; -webkit-animation-delay: 27.06s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-462{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } @-webkit-keyframes AN-ani-481 { 0% { -webkit-transform: translate3d(530px, 320px, 0px) scale3d(0.551, 0.551, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(530px, 320px, 0px) scale3d(0.551, 0.551, 1); opacity: 0; } 57.21% { -webkit-transform: translate3d(530px, 320px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(500px, 326px, 0px) scale3d(3.718, 3.718, 1); opacity: 0; } } .run #AN-sObj-463{ -webkit-animation-name: AN-ani-481; -webkit-animation-duration: 2.1499999999999986s; -webkit-animation-delay: 27.39s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-463{ -webkit-transform: translate3d(530px, 320px, 0px) scale3d(0.551, 0.551, 1); opacity: 0; } @-webkit-keyframes AN-ani-482 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity: 0; } 58% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 85.33% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 0; } } .run #AN-sObj-464{ -webkit-animation-name: AN-ani-482; -webkit-animation-duration: 3s; -webkit-animation-delay: 29.04s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-464{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity: 0; } @-webkit-keyframes AN-ani-483 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 46.29% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1.629, 1.629, 1); opacity: 0; } } .run #AN-sObj-465{ -webkit-animation-name: AN-ani-483; -webkit-animation-duration: 1.7500000000000036s; -webkit-animation-delay: 30.84s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-465{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } @-webkit-keyframes AN-ani-484 { 0% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(0.787, 0.787, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(0.787, 0.787, 1); opacity: 0; } 32.34% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(1, 1, 1); opacity: 0.7; } 57.27% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(1, 1, 1); opacity: 0.7; } 100% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(1.55, 1.55, 1); opacity: 0; } } .run #AN-sObj-466{ -webkit-animation-name: AN-ani-484; -webkit-animation-duration: 3.3699999999999974s; -webkit-animation-delay: 32.35s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-466{ -webkit-transform: translate3d(134px, 321px, 0px) scale3d(0.787, 0.787, 1); opacity: 0; } @-webkit-keyframes AN-ani-485 { 0% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(0.725, 0.725, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(0.725, 0.725, 1); opacity: 0; } 37.23% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(1, 1, 1); opacity: 1; } 62.1% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(1.172, 1.172, 1); opacity: 0; } } .run #AN-sObj-467{ -webkit-animation-name: AN-ani-485; -webkit-animation-duration: 5.909999999999997s; -webkit-animation-delay: 35.46s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-467{ -webkit-transform: translate3d(363px, 262px, 0px) scale3d(0.725, 0.725, 1); opacity: 0; } </style> </head> <body> <ol> <li id="scene-0"><div class="AN-sObj-stage" id="ext-gen873"><div class="AN-Object" id="AN-sObj-450"><div id="AN-sObj-val-450"><img src="assets/logo naturalwebs.jpg"></div></div><div class="AN-Object" id="AN-sObj-451"><div id="AN-sObj-val-451"><img src="assets/frank.png"></div></div><div class="AN-Object" id="AN-sObj-452"><div id="AN-sObj-val-452"><img src="assets/frank.png"></div></div><div class="AN-Object" id="AN-sObj-453"><div id="AN-sObj-val-453"><img src="assets/frank.png"></div></div><div class="AN-Object" id="AN-sObj-454"><div id="AN-sObj-val-454"><img src="assets/html5-display.png"></div></div><div class="AN-Object" id="AN-sObj-455"><div id="AN-sObj-val-455"><img src="assets/descubre2.png"></div></div><div class="AN-Object" id="AN-sObj-456"><div id="AN-sObj-val-456"><img src="assets/descubre2.png"></div></div><div class="AN-Object" id="AN-sObj-457"><div id="AN-sObj-val-457"><img src="assets/descubre2.png"></div></div><div class="AN-Object" id="AN-sObj-458"><div id="AN-sObj-val-458"><img src="assets/naturalwebs inicio.png"></div></div><div class="AN-Object" id="AN-sObj-459"><div id="AN-sObj-val-459"><img src="assets/naturalwebs salida.jpg"></div></div><div class="AN-Object" id="AN-sObj-460"><div id="AN-sObj-val-460"><img src="assets/un diseño.png"></div></div><div class="AN-Object" id="AN-sObj-461"><div id="AN-sObj-val-461"><img src="assets/entrada cristaelite.jpg"></div></div><div class="AN-Object" id="AN-sObj-462"><div id="AN-sObj-val-462"><img src="assets/salida cristaelite.jpg"></div></div><div class="AN-Object" id="AN-sObj-463"><div id="AN-sObj-val-463"><img src="assets/arte.png"></div></div><div class="AN-Object" id="AN-sObj-464"><div id="AN-sObj-val-464"><img src="assets/inicio daniel.jpg"></div></div><div class="AN-Object" id="AN-sObj-465"><div id="AN-sObj-val-465"><img src="assets/final danel.jpg"></div></div><div class="AN-Object" id="AN-sObj-466"><div id="AN-sObj-val-466"><img src="assets/solucion.png"></div></div><div class="AN-Object" id="AN-sObj-467"><div id="AN-sObj-val-467"><img src="assets/logo naturalwebs.jpg"></div></div></div></li> </ol> </body> </html> Y después de estar una semana como loco con estos programas, e aqui el trabajo final En Youtube no se venlas rayas negras de los lados link: ojala les guste

En la creación del post antes que nada este post esta dedicado a este publico especial de taringa que le gusta el marketing, el desarrollo web y la mercadotecnia, no hice este post para que lo miraran con el afán de mirarlo y hacer publicidad, sino con la intensión de verla estrategia de marketing que se utiliza a través de html 5 y la creatividad que se puede hacer con simples herramientas. yo soy un estudiante de arquitectura que en sus tiempos libres se dedica a diseñar paginas web y se me ocurrió por que no hacer un comercial y luego dije uffff habrá que conseguir cámaras y actores y todo eso y simplemente dije naaa, después de estar viendo varios comerciales de windows, apple, google y muchos otros de la nueva tendencia tecnológica me di cuenta que tal vez no era necesario bueno ahora los programas utilizados fueron: El famosos photoshop cs 5, para las imágenes, textos etc. camtasia estudio 7 iba a usar el after efects pero no le se mucho este lo utilice para grabar las animaciones html 5 y las funciones como lo son sooms y aditamentos de 3 textos describiendo la dirección de las paginas web, ademas para gener el archivo .avi Google chrome para correr las animaciones y el funcionamiento las paginas web sehncha para editar el código de html 5 Adobe audition 2.0 para el audio, el audio que se graba con el camtasia estudio es muy malo es mono y uno cuando hace las cosas siempre quiere lo mejor, así que limpie el audio lo mas que pude y lo grabe a 440 kbps, 94 khz, 2 chanels, 24 bits CBR y flash parque algunas paginas están en flash todabia La idea del comercial fue básicamente hacer algo minimalista y que explicara rápido lo que se necesita, viendo las tendencias en publicidad que esta utilizando microsoft, google y apple creo que fue la elección correcta y ademas porque no poda hacer mas Pensamientos tal ves ustedes dirán porque usar html 5 si el camtasia puede hacer muchos efectos, claro que puede hacer muchos efectos pero no puede hacer todos Aquí en este link pueden ver lo que se hizo directamente en html 5 (solo google chrome y safari lo pueden correr): http://www.naturalwebs.com.mx/video.html Codigo y bueno este fue el código usado para la parte de html 5 <!DOCTYPE html5> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Video version html 5</title><script type="text/javascript"> function setConfig(configObject) { config = configObject; //get ol list and children var ol = document.body.getElementsByTagName('ol')[0]; scenes = ol.children; currentSceneIndex = -1; } function start() { goToScene(0); } function goToSceneID(id) { for (var i=0; i < config.length; i++) { if (config.id === id) { goToScene(i); return; } } } //function to go directly to any scene function goToScene(index) { //go to scene startScene(index); //set up timer if jumping on done if (config.jump !== -1) { applyTimeout(config.jump, config.duration); } } function startScene(index) { //restart current scene without flicker if (index === currentSceneIndex) { scenes.setAttribute('class','run restart'); setTimeout(function(){ scenes.setAttribute('class','run'); },0); return; } //add the class "run" to the scene currently running and remove it from anybody else var scene; for (var i=0; i < scenes.length; i++) { scene = scenes; if (i === index) { scene.setAttribute('class','run'); } else { scene.setAttribute('class',''); } } currentSceneIndex = index; } //set timeout function applyTimeout(index,time) { setTimeout(function(){ goToScene(index); },time); } </script><script type="text/javascript"> window.onload=setup; function setup() { setConfig([{"jump":-1,"duration":41620,"id":0}]); start(); } </script> <style type="text/css"> .AN-sObj-stage { border:1px solid #000; position: relative; overflow:hidden; -webkit-perspective: 600; -webkit-transform-style:preserve-3d; } .AN-sObj-stage div { position: absolute; } .AN-sObj-stage a { color: inherit; text-decoration:none; } .AN-sObj-stage * { margin:0; padding:0; -webkit-font-smoothing: antialiased; } body,.AN-sObj-stage,ol,li { margin:0; padding:0; } ol { list-style:none; position:relative; } li { position:absolute; top:0; left:0; } li { display:none; } li.run { display:block; } .restart * { -webkit-animation-name: none !important; } .AN-sObj-stage{ height: 720px; width: 1280px; background-color: rgba(255,255,255,1); border:1px solid rgba(255,255,255,0.82); } #AN-sObj-450{ -webkit-transform: translate3d(393px, 263px, 0px); width: 611px; height: 160px; top:0; left:0; } #AN-sObj-451{ -webkit-transform: translate3d(15px, 303px, 0px); width: 1238px; height: 57px; top:0; left:0; } #AN-sObj-452{ -webkit-transform: translate3d(15px, 303px, 0px); width: 1238px; height: 57px; top:0; left:0; } #AN-sObj-453{ -webkit-transform: translate3d(15px, 303px, 0px); width: 1238px; height: 57px; top:0; left:0; } #AN-sObj-454{ -webkit-transform: translate3d(420px, 103px, 0px); width: 495px; height: 498px; top:0; left:0; } #AN-sObj-455{ -webkit-transform: translate3d(512px, 290px, 0px); width: 302px; height: 52px; top:0; left:0; } #AN-sObj-456{ -webkit-transform: translate3d(512px, 290px, 0px); width: 302px; height: 52px; top:0; left:0; } #AN-sObj-457{ -webkit-transform: translate3d(512px, 290px, 0px); width: 302px; height: 52px; top:0; left:0; } #AN-sObj-458{ -webkit-transform: translate3d(-26px, -26px, 0px); width: 1337px; height: 777px; top:0; left:0; } #AN-sObj-459{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-460{ -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.917, 0.917, 1); width: 844px; height: 55px; top:0; left:0; } #AN-sObj-461{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-462{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-463{ -webkit-transform: translate3d(530px, 320px, 0px); width: 302px; height: 52px; top:0; left:0; } #AN-sObj-464{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-465{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-466{ -webkit-transform: translate3d(134px, 321px, 0px); width: 1024px; height: 55px; top:0; left:0; } #AN-sObj-467{ -webkit-transform: translate3d(363px, 262px, 0px); width: 611px; height: 160px; top:0; left:0; } @-webkit-keyframes AN-ani-468 { 0% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(0.629, 0.629, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(0.629, 0.629, 1); opacity: 0; } 20.48% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(0.629, 0.629, 1); opacity: 1; } 81.65% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(1, 1, 1); opacity: 0; } } .run #AN-sObj-450{ -webkit-animation-name: AN-ani-468; -webkit-animation-duration: 3.7600000000000002s; -webkit-animation-delay: 0.21s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-450{ -webkit-transform: translate3d(393px, 263px, 0px) scale3d(0.629, 0.629, 1); opacity: 0; } @-webkit-keyframes AN-ani-469 { 0% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } 58.26% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); opacity: 0.4; } 100% { -webkit-transform: translate3d(38px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(2.007, 2.007, 1); opacity: 0; } } .run #AN-sObj-451{ -webkit-animation-name: AN-ani-469; -webkit-animation-duration: 7.139999999999999s; -webkit-animation-delay: 4.23s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-451{ -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } @-webkit-keyframes AN-ani-470 { 0% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } 56.52% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); opacity: 0.4; } 100% { -webkit-transform: translate3d(38px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(2.007, 2.007, 1); opacity: 0; } } .run #AN-sObj-452{ -webkit-animation-name: AN-ani-470; -webkit-animation-duration: 7.359999999999999s; -webkit-animation-delay: 4.23s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-452{ -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } @-webkit-keyframes AN-ani-471 { 0% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } 54.74% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); opacity: 0.4; } 100% { -webkit-transform: translate3d(38px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(2.007, 2.007, 1); opacity: 0; } } .run #AN-sObj-453{ -webkit-animation-name: AN-ani-471; -webkit-animation-duration: 7.6s; -webkit-animation-delay: 4.23s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-453{ -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } @-webkit-keyframes AN-ani-472 { 0% { -webkit-transform: translate3d(420px, 103px, 0px) scale3d(0.352, 0.352, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(420px, 103px, 0px) scale3d(0.352, 0.352, 1); opacity: 0; } 51.12% { -webkit-transform: translate3d(420px, 103px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(420px, 103px, 0px) scale3d(1.168, 1.168, 1); opacity: 0; } } .run #AN-sObj-454{ -webkit-animation-name: AN-ani-472; -webkit-animation-duration: 4.010000000000002s; -webkit-animation-delay: 12.11s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-454{ -webkit-transform: translate3d(420px, 103px, 0px) scale3d(0.352, 0.352, 1); opacity: 0; } @-webkit-keyframes AN-ani-473 { 0% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } 38.08% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1, 1, 1); opacity: 0.3; } 100% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1.65, 1.712, 1); opacity: 0; } } .run #AN-sObj-455{ -webkit-animation-name: AN-ani-473; -webkit-animation-duration: 2.8099999999999987s; -webkit-animation-delay: 10.3s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-455{ -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } @-webkit-keyframes AN-ani-474 { 0% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } 41.63% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1, 1, 1); opacity: 0.2; } 100% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1.65, 1.712, 1); opacity: 0; } } .run #AN-sObj-456{ -webkit-animation-name: AN-ani-474; -webkit-animation-duration: 2.5699999999999985s; -webkit-animation-delay: 10.3s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-456{ -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } @-webkit-keyframes AN-ani-475 { 0% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } 44.96% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1, 1, 1); opacity: 0.2; } 100% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1.65, 1.712, 1); opacity: 0; } } .run #AN-sObj-457{ -webkit-animation-name: AN-ani-475; -webkit-animation-duration: 2.379999999999999s; -webkit-animation-delay: 10.3s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-457{ -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } @-webkit-keyframes AN-ani-476 { 0% { -webkit-transform: translate3d(-8px, -28px, 0px) scale3d(0.191, 0.191, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(-8px, -28px, 0px) scale3d(0.191, 0.191, 1); opacity: 0; } 46.67% { -webkit-transform: translate3d(-26px, -26px, 0px) scale3d(1, 1, 1); opacity: 1; } 87.47% { -webkit-transform: translate3d(-26px, -26px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(-26px, -26px, 0px) scale3d(1, 1, 1); opacity: 0; } } .run #AN-sObj-458{ -webkit-animation-name: AN-ani-476; -webkit-animation-duration: 4.950000000000001s; -webkit-animation-delay: 14.76s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-458{ -webkit-transform: translate3d(-8px, -28px, 0px) scale3d(0.191, 0.191, 1); opacity: 0; } @-webkit-keyframes AN-ani-477 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 78.1% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1.167, 1.167, 1); opacity: 0; } } .run #AN-sObj-459{ -webkit-animation-name: AN-ani-477; -webkit-animation-duration: 3.469999999999999s; -webkit-animation-delay: 19.09s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-459{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } @-webkit-keyframes AN-ani-478 { 0% { -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.81613, 0.81613, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.81613, 0.81613, 1); opacity: 0; } 64.46% { -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.917, 0.917, 1); opacity: 1; } 100% { -webkit-transform: translate3d(220px, 297px, 0px) scale3d(1.518552, 1.518552, 1); opacity: 0; } } .run #AN-sObj-460{ -webkit-animation-name: AN-ani-478; -webkit-animation-duration: 2.870000000000001s; -webkit-animation-delay: 22.2s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-460{ -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.81613, 0.81613, 1); opacity: 0; } @-webkit-keyframes AN-ani-479 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity: 0; } 44.19% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 87.98% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 0; } } .run #AN-sObj-461{ -webkit-animation-name: AN-ani-479; -webkit-animation-duration: 2.580000000000002s; -webkit-animation-delay: 24.81s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-461{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity: 0; } @-webkit-keyframes AN-ani-480 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(360px, -6px, 0px) scale3d(1.574, 1.574, 1); opacity: 0; } } .run #AN-sObj-462{ -webkit-animation-name: AN-ani-480; -webkit-animation-duration: 1.1699999999999982s; -webkit-animation-delay: 27.06s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-462{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } @-webkit-keyframes AN-ani-481 { 0% { -webkit-transform: translate3d(530px, 320px, 0px) scale3d(0.551, 0.551, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(530px, 320px, 0px) scale3d(0.551, 0.551, 1); opacity: 0; } 57.21% { -webkit-transform: translate3d(530px, 320px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(500px, 326px, 0px) scale3d(3.718, 3.718, 1); opacity: 0; } } .run #AN-sObj-463{ -webkit-animation-name: AN-ani-481; -webkit-animation-duration: 2.1499999999999986s; -webkit-animation-delay: 27.39s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-463{ -webkit-transform: translate3d(530px, 320px, 0px) scale3d(0.551, 0.551, 1); opacity: 0; } @-webkit-keyframes AN-ani-482 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity: 0; } 58% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 85.33% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 0; } } .run #AN-sObj-464{ -webkit-animation-name: AN-ani-482; -webkit-animation-duration: 3s; -webkit-animation-delay: 29.04s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-464{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity: 0; } @-webkit-keyframes AN-ani-483 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 46.29% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1.629, 1.629, 1); opacity: 0; } } .run #AN-sObj-465{ -webkit-animation-name: AN-ani-483; -webkit-animation-duration: 1.7500000000000036s; -webkit-animation-delay: 30.84s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-465{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } @-webkit-keyframes AN-ani-484 { 0% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(0.787, 0.787, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(0.787, 0.787, 1); opacity: 0; } 32.34% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(1, 1, 1); opacity: 0.7; } 57.27% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(1, 1, 1); opacity: 0.7; } 100% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(1.55, 1.55, 1); opacity: 0; } } .run #AN-sObj-466{ -webkit-animation-name: AN-ani-484; -webkit-animation-duration: 3.3699999999999974s; -webkit-animation-delay: 32.35s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-466{ -webkit-transform: translate3d(134px, 321px, 0px) scale3d(0.787, 0.787, 1); opacity: 0; } @-webkit-keyframes AN-ani-485 { 0% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(0.725, 0.725, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(0.725, 0.725, 1); opacity: 0; } 37.23% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(1, 1, 1); opacity: 1; } 62.1% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(1.172, 1.172, 1); opacity: 0; } } .run #AN-sObj-467{ -webkit-animation-name: AN-ani-485; -webkit-animation-duration: 5.909999999999997s; -webkit-animation-delay: 35.46s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-467{ -webkit-transform: translate3d(363px, 262px, 0px) scale3d(0.725, 0.725, 1); opacity: 0; } </style> </head> <body> <ol> <li id="scene-0"><div class="AN-sObj-stage" id="ext-gen873"><div class="AN-Object" id="AN-sObj-450"><div id="AN-sObj-val-450"><img src="assets/logo naturalwebs.jpg"></div></div><div class="AN-Object" id="AN-sObj-451"><div id="AN-sObj-val-451"><img src="assets/frank.png"></div></div><div class="AN-Object" id="AN-sObj-452"><div id="AN-sObj-val-452"><img src="assets/frank.png"></div></div><div class="AN-Object" id="AN-sObj-453"><div id="AN-sObj-val-453"><img src="assets/frank.png"></div></div><div class="AN-Object" id="AN-sObj-454"><div id="AN-sObj-val-454"><img src="assets/html5-display.png"></div></div><div class="AN-Object" id="AN-sObj-455"><div id="AN-sObj-val-455"><img src="assets/descubre2.png"></div></div><div class="AN-Object" id="AN-sObj-456"><div id="AN-sObj-val-456"><img src="assets/descubre2.png"></div></div><div class="AN-Object" id="AN-sObj-457"><div id="AN-sObj-val-457"><img src="assets/descubre2.png"></div></div><div class="AN-Object" id="AN-sObj-458"><div id="AN-sObj-val-458"><img src="assets/naturalwebs inicio.png"></div></div><div class="AN-Object" id="AN-sObj-459"><div id="AN-sObj-val-459"><img src="assets/naturalwebs salida.jpg"></div></div><div class="AN-Object" id="AN-sObj-460"><div id="AN-sObj-val-460"><img src="assets/un diseño.png"></div></div><div class="AN-Object" id="AN-sObj-461"><div id="AN-sObj-val-461"><img src="assets/entrada cristaelite.jpg"></div></div><div class="AN-Object" id="AN-sObj-462"><div id="AN-sObj-val-462"><img src="assets/salida cristaelite.jpg"></div></div><div class="AN-Object" id="AN-sObj-463"><div id="AN-sObj-val-463"><img src="assets/arte.png"></div></div><div class="AN-Object" id="AN-sObj-464"><div id="AN-sObj-val-464"><img src="assets/inicio daniel.jpg"></div></div><div class="AN-Object" id="AN-sObj-465"><div id="AN-sObj-val-465"><img src="assets/final danel.jpg"></div></div><div class="AN-Object" id="AN-sObj-466"><div id="AN-sObj-val-466"><img src="assets/solucion.png"></div></div><div class="AN-Object" id="AN-sObj-467"><div id="AN-sObj-val-467"><img src="assets/logo naturalwebs.jpg"></div></div></div></li> </ol> </body> </html> Y después de estar una semana como loco con estos programas, e aqui el trabajo final miralo en youtube http://www.youtube.com/watch?v=tlxAG2p1g5w ojala les guste

En la creación del post antes que nada este post esta dedicado a este publico especial de taringa que le gusta el marketing, el desarrollo web y la mercadotecnia, no hice este post para que lo miraran con el afán de mirarlo y hacer publicidad, sino con la intensión de verla estrategia de marketing que se utiliza a través de html 5 y la creatividad que se puede hacer con simples herramientas. yo soy un estudiante de arquitectura que en sus tiempos libres se dedica a diseñar paginas web y se me ocurrió por que no hacer un comercial y luego dije uffff habrá que conseguir cámaras y actores y todo eso y simplemente dije naaa, después de estar viendo varios comerciales de windows, apple, google y muchos otros de la nueva tendencia tecnológica me di cuenta que tal vez no era necesario bueno ahora los programas utilizados fueron: El famosos photoshop cs 5, para las imágenes, textos etc. camtasia estudio 7 iba a usar el after efects pero no le se mucho este lo utilice para grabar las animaciones html 5 y las funciones como lo son sooms y aditamentos de 3 textos describiendo la dirección de las paginas web, ademas para gener el archivo .avi Google chrome para correr las animaciones y el funcionamiento las paginas web sehncha para editar el código de html 5 Adobe audition 2.0 para el audio, el audio que se graba con el camtasia estudio es muy malo es mono y uno cuando hace las cosas siempre quiere lo mejor, así que limpie el audio lo mas que pude y lo grabe a 440 kbps, 94 khz, 2 chanels, 24 bits CBR y flash parque algunas paginas están en flash todabia La idea del comercial fue básicamente hacer algo minimalista y que explicara rápido lo que se necesita, viendo las tendencias en publicidad que esta utilizando microsoft, google y apple creo que fue la elección correcta y ademas porque no poda hacer mas Pensamientos tal ves ustedes dirán porque usar html 5 si el camtasia puede hacer muchos efectos, claro que puede hacer muchos efectos pero no puede hacer todos Aquí en este link pueden ver lo que se hizo directamente en html 5 (solo google chrome y safari lo pueden correr): http://www.naturalwebs.com.mx/video.html Codigo y bueno este fue el código usado para la parte de html 5 &lt;!DOCTYPE html5&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt; &lt;title&gt;Video version html 5&lt;/title&gt;&lt;script type=&quot;text/javascript&quot;&gt; function setConfig(configObject) { config = configObject; //get ol list and children var ol = document.body.getElementsByTagName('ol')[0]; scenes = ol.children; currentSceneIndex = -1; } function start() { goToScene(0); } function goToSceneID(id) { for (var i=0; i &lt; config.length; i++) { if (config.id === id) { goToScene(i); return; } } } //function to go directly to any scene function goToScene(index) { //go to scene startScene(index); //set up timer if jumping on done if (config.jump !== -1) { applyTimeout(config.jump, config.duration); } } function startScene(index) { //restart current scene without flicker if (index === currentSceneIndex) { scenes.setAttribute('class','run restart'); setTimeout(function(){ scenes.setAttribute('class','run'); },0); return; } //add the class &quot;run&quot; to the scene currently running and remove it from anybody else var scene; for (var i=0; i &lt; scenes.length; i++) { scene = scenes; if (i === index) { scene.setAttribute('class','run'); } else { scene.setAttribute('class',''); } } currentSceneIndex = index; } //set timeout function applyTimeout(index,time) { setTimeout(function(){ goToScene(index); },time); } &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt; window.onload=setup; function setup() { setConfig([{&quot;jump&quot;:-1,&quot;duration&quot;:41620,&quot;id&quot;:0}]); start(); } &lt;/script&gt; &lt;style type=&quot;text/css&quot;&gt; .AN-sObj-stage { border:1px solid #000; position: relative; overflow:hidden; -webkit-perspective: 600; -webkit-transform-style:preserve-3d; } .AN-sObj-stage div { position: absolute; } .AN-sObj-stage a { color: inherit; text-decoration:none; } .AN-sObj-stage * { margin:0; padding:0; -webkit-font-smoothing: antialiased; } body,.AN-sObj-stage,ol,li { margin:0; padding:0; } ol { list-style:none; position:relative; } li { position:absolute; top:0; left:0; } li { display:none; } li.run { display:block; } .restart * { -webkit-animation-name: none !important; } .AN-sObj-stage{ height: 720px; width: 1280px; background-color: rgba(255,255,255,1); border:1px solid rgba(255,255,255,0.82); } #AN-sObj-450{ -webkit-transform: translate3d(393px, 263px, 0px); width: 611px; height: 160px; top:0; left:0; } #AN-sObj-451{ -webkit-transform: translate3d(15px, 303px, 0px); width: 1238px; height: 57px; top:0; left:0; } #AN-sObj-452{ -webkit-transform: translate3d(15px, 303px, 0px); width: 1238px; height: 57px; top:0; left:0; } #AN-sObj-453{ -webkit-transform: translate3d(15px, 303px, 0px); width: 1238px; height: 57px; top:0; left:0; } #AN-sObj-454{ -webkit-transform: translate3d(420px, 103px, 0px); width: 495px; height: 498px; top:0; left:0; } #AN-sObj-455{ -webkit-transform: translate3d(512px, 290px, 0px); width: 302px; height: 52px; top:0; left:0; } #AN-sObj-456{ -webkit-transform: translate3d(512px, 290px, 0px); width: 302px; height: 52px; top:0; left:0; } #AN-sObj-457{ -webkit-transform: translate3d(512px, 290px, 0px); width: 302px; height: 52px; top:0; left:0; } #AN-sObj-458{ -webkit-transform: translate3d(-26px, -26px, 0px); width: 1337px; height: 777px; top:0; left:0; } #AN-sObj-459{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-460{ -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.917, 0.917, 1); width: 844px; height: 55px; top:0; left:0; } #AN-sObj-461{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-462{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-463{ -webkit-transform: translate3d(530px, 320px, 0px); width: 302px; height: 52px; top:0; left:0; } #AN-sObj-464{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-465{ -webkit-transform: translate3d(0px, 0px, 0px); width: 1280px; height: 720px; top:0; left:0; } #AN-sObj-466{ -webkit-transform: translate3d(134px, 321px, 0px); width: 1024px; height: 55px; top:0; left:0; } #AN-sObj-467{ -webkit-transform: translate3d(363px, 262px, 0px); width: 611px; height: 160px; top:0; left:0; } @-webkit-keyframes AN-ani-468 { 0% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(0.629, 0.629, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(0.629, 0.629, 1); opacity: 0; } 20.48% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(0.629, 0.629, 1); opacity: 1; } 81.65% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(393px, 263px, 0px) scale3d(1, 1, 1); opacity: 0; } } .run #AN-sObj-450{ -webkit-animation-name: AN-ani-468; -webkit-animation-duration: 3.7600000000000002s; -webkit-animation-delay: 0.21s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-450{ -webkit-transform: translate3d(393px, 263px, 0px) scale3d(0.629, 0.629, 1); opacity: 0; } @-webkit-keyframes AN-ani-469 { 0% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } 58.26% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); opacity: 0.4; } 100% { -webkit-transform: translate3d(38px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(2.007, 2.007, 1); opacity: 0; } } .run #AN-sObj-451{ -webkit-animation-name: AN-ani-469; -webkit-animation-duration: 7.139999999999999s; -webkit-animation-delay: 4.23s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-451{ -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } @-webkit-keyframes AN-ani-470 { 0% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } 56.52% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); opacity: 0.4; } 100% { -webkit-transform: translate3d(38px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(2.007, 2.007, 1); opacity: 0; } } .run #AN-sObj-452{ -webkit-animation-name: AN-ani-470; -webkit-animation-duration: 7.359999999999999s; -webkit-animation-delay: 4.23s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-452{ -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } @-webkit-keyframes AN-ani-471 { 0% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } 54.74% { -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); opacity: 0.4; } 100% { -webkit-transform: translate3d(38px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(2.007, 2.007, 1); opacity: 0; } } .run #AN-sObj-453{ -webkit-animation-name: AN-ani-471; -webkit-animation-duration: 7.6s; -webkit-animation-delay: 4.23s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-453{ -webkit-transform: translate3d(15px, 303px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.563, 0.563, 1); opacity: 0; } @-webkit-keyframes AN-ani-472 { 0% { -webkit-transform: translate3d(420px, 103px, 0px) scale3d(0.352, 0.352, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(420px, 103px, 0px) scale3d(0.352, 0.352, 1); opacity: 0; } 51.12% { -webkit-transform: translate3d(420px, 103px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(420px, 103px, 0px) scale3d(1.168, 1.168, 1); opacity: 0; } } .run #AN-sObj-454{ -webkit-animation-name: AN-ani-472; -webkit-animation-duration: 4.010000000000002s; -webkit-animation-delay: 12.11s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-454{ -webkit-transform: translate3d(420px, 103px, 0px) scale3d(0.352, 0.352, 1); opacity: 0; } @-webkit-keyframes AN-ani-473 { 0% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } 38.08% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1, 1, 1); opacity: 0.3; } 100% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1.65, 1.712, 1); opacity: 0; } } .run #AN-sObj-455{ -webkit-animation-name: AN-ani-473; -webkit-animation-duration: 2.8099999999999987s; -webkit-animation-delay: 10.3s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-455{ -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } @-webkit-keyframes AN-ani-474 { 0% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } 41.63% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1, 1, 1); opacity: 0.2; } 100% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1.65, 1.712, 1); opacity: 0; } } .run #AN-sObj-456{ -webkit-animation-name: AN-ani-474; -webkit-animation-duration: 2.5699999999999985s; -webkit-animation-delay: 10.3s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-456{ -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } @-webkit-keyframes AN-ani-475 { 0% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } 44.96% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1, 1, 1); opacity: 0.2; } 100% { -webkit-transform: translate3d(512px, 290px, 0px) scale3d(1.65, 1.712, 1); opacity: 0; } } .run #AN-sObj-457{ -webkit-animation-name: AN-ani-475; -webkit-animation-duration: 2.379999999999999s; -webkit-animation-delay: 10.3s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-457{ -webkit-transform: translate3d(512px, 290px, 0px) scale3d(0.435, 0.435, 1); opacity: 0; } @-webkit-keyframes AN-ani-476 { 0% { -webkit-transform: translate3d(-8px, -28px, 0px) scale3d(0.191, 0.191, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(-8px, -28px, 0px) scale3d(0.191, 0.191, 1); opacity: 0; } 46.67% { -webkit-transform: translate3d(-26px, -26px, 0px) scale3d(1, 1, 1); opacity: 1; } 87.47% { -webkit-transform: translate3d(-26px, -26px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(-26px, -26px, 0px) scale3d(1, 1, 1); opacity: 0; } } .run #AN-sObj-458{ -webkit-animation-name: AN-ani-476; -webkit-animation-duration: 4.950000000000001s; -webkit-animation-delay: 14.76s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-458{ -webkit-transform: translate3d(-8px, -28px, 0px) scale3d(0.191, 0.191, 1); opacity: 0; } @-webkit-keyframes AN-ani-477 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 78.1% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1.167, 1.167, 1); opacity: 0; } } .run #AN-sObj-459{ -webkit-animation-name: AN-ani-477; -webkit-animation-duration: 3.469999999999999s; -webkit-animation-delay: 19.09s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-459{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } @-webkit-keyframes AN-ani-478 { 0% { -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.81613, 0.81613, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.81613, 0.81613, 1); opacity: 0; } 64.46% { -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.917, 0.917, 1); opacity: 1; } 100% { -webkit-transform: translate3d(220px, 297px, 0px) scale3d(1.518552, 1.518552, 1); opacity: 0; } } .run #AN-sObj-460{ -webkit-animation-name: AN-ani-478; -webkit-animation-duration: 2.870000000000001s; -webkit-animation-delay: 22.2s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-460{ -webkit-transform: translate3d(220px, 297px, 0px) scale3d(0.81613, 0.81613, 1); opacity: 0; } @-webkit-keyframes AN-ani-479 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity: 0; } 44.19% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 87.98% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 0; } } .run #AN-sObj-461{ -webkit-animation-name: AN-ani-479; -webkit-animation-duration: 2.580000000000002s; -webkit-animation-delay: 24.81s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-461{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity: 0; } @-webkit-keyframes AN-ani-480 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(360px, -6px, 0px) scale3d(1.574, 1.574, 1); opacity: 0; } } .run #AN-sObj-462{ -webkit-animation-name: AN-ani-480; -webkit-animation-duration: 1.1699999999999982s; -webkit-animation-delay: 27.06s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-462{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } @-webkit-keyframes AN-ani-481 { 0% { -webkit-transform: translate3d(530px, 320px, 0px) scale3d(0.551, 0.551, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(530px, 320px, 0px) scale3d(0.551, 0.551, 1); opacity: 0; } 57.21% { -webkit-transform: translate3d(530px, 320px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(500px, 326px, 0px) scale3d(3.718, 3.718, 1); opacity: 0; } } .run #AN-sObj-463{ -webkit-animation-name: AN-ani-481; -webkit-animation-duration: 2.1499999999999986s; -webkit-animation-delay: 27.39s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-463{ -webkit-transform: translate3d(530px, 320px, 0px) scale3d(0.551, 0.551, 1); opacity: 0; } @-webkit-keyframes AN-ani-482 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity: 0; } 58% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 85.33% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 0; } } .run #AN-sObj-464{ -webkit-animation-name: AN-ani-482; -webkit-animation-duration: 3s; -webkit-animation-delay: 29.04s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-464{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(0.789, 0.789, 1); opacity: 0; } @-webkit-keyframes AN-ani-483 { 0% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 46.29% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1.629, 1.629, 1); opacity: 0; } } .run #AN-sObj-465{ -webkit-animation-name: AN-ani-483; -webkit-animation-duration: 1.7500000000000036s; -webkit-animation-delay: 30.84s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-465{ -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 1; } @-webkit-keyframes AN-ani-484 { 0% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(0.787, 0.787, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(0.787, 0.787, 1); opacity: 0; } 32.34% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(1, 1, 1); opacity: 0.7; } 57.27% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(1, 1, 1); opacity: 0.7; } 100% { -webkit-transform: translate3d(134px, 321px, 0px) scale3d(1.55, 1.55, 1); opacity: 0; } } .run #AN-sObj-466{ -webkit-animation-name: AN-ani-484; -webkit-animation-duration: 3.3699999999999974s; -webkit-animation-delay: 32.35s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-466{ -webkit-transform: translate3d(134px, 321px, 0px) scale3d(0.787, 0.787, 1); opacity: 0; } @-webkit-keyframes AN-ani-485 { 0% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(0.725, 0.725, 1); opacity:0; } 0.01% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(0.725, 0.725, 1); opacity: 0; } 37.23% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(1, 1, 1); opacity: 1; } 62.1% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(1, 1, 1); opacity: 1; } 100% { -webkit-transform: translate3d(363px, 262px, 0px) scale3d(1.172, 1.172, 1); opacity: 0; } } .run #AN-sObj-467{ -webkit-animation-name: AN-ani-485; -webkit-animation-duration: 5.909999999999997s; -webkit-animation-delay: 35.46s; -webkit-animation-fill-mode: both; } .restart #AN-sObj-467{ -webkit-transform: translate3d(363px, 262px, 0px) scale3d(0.725, 0.725, 1); opacity: 0; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;ol&gt; &lt;li id=&quot;scene-0&quot;&gt;&lt;div class=&quot;AN-sObj-stage&quot; id=&quot;ext-gen873&quot;&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-450&quot;&gt;&lt;div id=&quot;AN-sObj-val-450&quot;&gt;&lt;img src=&quot;assets/logo naturalwebs.jpg&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-451&quot;&gt;&lt;div id=&quot;AN-sObj-val-451&quot;&gt;&lt;img src=&quot;assets/frank.png&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-452&quot;&gt;&lt;div id=&quot;AN-sObj-val-452&quot;&gt;&lt;img src=&quot;assets/frank.png&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-453&quot;&gt;&lt;div id=&quot;AN-sObj-val-453&quot;&gt;&lt;img src=&quot;assets/frank.png&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-454&quot;&gt;&lt;div id=&quot;AN-sObj-val-454&quot;&gt;&lt;img src=&quot;assets/html5-display.png&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-455&quot;&gt;&lt;div id=&quot;AN-sObj-val-455&quot;&gt;&lt;img src=&quot;assets/descubre2.png&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-456&quot;&gt;&lt;div id=&quot;AN-sObj-val-456&quot;&gt;&lt;img src=&quot;assets/descubre2.png&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-457&quot;&gt;&lt;div id=&quot;AN-sObj-val-457&quot;&gt;&lt;img src=&quot;assets/descubre2.png&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-458&quot;&gt;&lt;div id=&quot;AN-sObj-val-458&quot;&gt;&lt;img src=&quot;assets/naturalwebs inicio.png&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-459&quot;&gt;&lt;div id=&quot;AN-sObj-val-459&quot;&gt;&lt;img src=&quot;assets/naturalwebs salida.jpg&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-460&quot;&gt;&lt;div id=&quot;AN-sObj-val-460&quot;&gt;&lt;img src=&quot;assets/un diseño.png&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-461&quot;&gt;&lt;div id=&quot;AN-sObj-val-461&quot;&gt;&lt;img src=&quot;assets/entrada cristaelite.jpg&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-462&quot;&gt;&lt;div id=&quot;AN-sObj-val-462&quot;&gt;&lt;img src=&quot;assets/salida cristaelite.jpg&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-463&quot;&gt;&lt;div id=&quot;AN-sObj-val-463&quot;&gt;&lt;img src=&quot;assets/arte.png&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-464&quot;&gt;&lt;div id=&quot;AN-sObj-val-464&quot;&gt;&lt;img src=&quot;assets/inicio daniel.jpg&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-465&quot;&gt;&lt;div id=&quot;AN-sObj-val-465&quot;&gt;&lt;img src=&quot;assets/final danel.jpg&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-466&quot;&gt;&lt;div id=&quot;AN-sObj-val-466&quot;&gt;&lt;img src=&quot;assets/solucion.png&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;AN-Object&quot; id=&quot;AN-sObj-467&quot;&gt;&lt;div id=&quot;AN-sObj-val-467&quot;&gt;&lt;img src=&quot;assets/logo naturalwebs.jpg&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt; &lt;/ol&gt; &lt;/body&gt; &lt;/html&gt; Y después de estar una semana como loco con estos programas, e aqui el trabajo final miralo en youtube http://www.youtube.com/watch?v=tlxAG2p1g5w Si gustan pueden ayudarme con un like en facebook http://www.facebook.com/pages/Naturalwebs/144535145565860?sk=app_4949752878 ojala les guste

Mientras que carga el post lee la info En la creación del post hola la idea de hacer este pos fue porque he visto que los core intel i3, i5 y el i7 se están haciendo muy populares yo teng tengo una laptop sony vaio de 4 gigas de ram procesador 2.56 mhz y tarjeta de video de 128 lo increíble es que le he instalado juegos que requieren como mínimo de 256 a mi tarjeta gráfica de 128 y an funcionado de maravilla parece que las tarjetas gráficas HD intel salieron buenas, pero también hay juegos que no los a corrido o los a corrido muy lento al punto de no jugable, lo que voy ha hacer aquí es a poner los juegos que he testeado en mi lap top para que no andes buscando como loco haber cual le queda, y también voy a estar actualizando el post según baya teste-ando nuevos juegos o que la gente me baya diciendo que funcionan. Sobre los juegos la verdad a mi me gustan la juegos y los juegos buenos por eso los juegos que les voy a postear son de lo mas supremos que he jugados no esas cosas de counter strike, halo 2 o cal of duty 2 tal vez fueron de los mejores juegos en sus tiempos pero en estos días ya no son mucho la mayoría de los juegos que posteo son del 2008 a la fecha y casi todos son grandes exitos Sobre los links Todos los links son de megauploadCada ves que descargaba un juego me gustaba guardarlo en favoritos para si había errores, verlos en los comentarios si había alguna solución por eso no pondré los links sino mas bien de donde los descargue así no afecto al que subió los links ami no me salio ningún error la mayoría de juegos ya lose pasado y también para que no pasen por sufrimientos como yo que duran días descargándolos haciendo configuraciones monstruosas y que al ultimo no funcionan Pero bueno después de haber leído lo anterior a llego la la ora de la verdad, los juegos El priemo que bamos a ver es el Assasins creed 1 Requisitos minimos Sistema Operativo: Windows XP / Vista Procesador: Dual core 2.6 GHz Intel Pentium D o AMD Athlon 64 X2 3800+ (Intel Core 2 Duo 2.2 GHz o AMD Athlon 64 X2 4400+ o superiores recomendados) Memoria: 2 GB (3 GB recomendados)Tarjeta Gráfica: 256 MB DirectX 10.0 o DirectX 9.0–con Shade mentira yo lo jugue con 128 mb video y con los gráficos casi todos en alto resolución 1024 X 768 Lo descargue de aquí y corrió sin errores hasta el fin http://descargasgames-cabicybergames.blogspot.com/ links de megauploadGears Of warOS: Windows Vista o Windows XPProcesador: 2.4+ GHz Intel; 2.0+ Ghz AMDRAM: 1 GBHDD: 12 GB de espacio libre en discoVideo: 256 mb video NVIDIA GeForce 6600+, ATI X700 me corre perfecto con 128 mb video resolución 1024 X 768 gráficos unos en normal y otros en alto Yo descargue de aquí y me funciono todo bien http://www.gratisjuegos.org/descargar/gears-of-war-dvd9-full-iso-espanol-latino-mu/ links de megauploadDead space 1 (uno de los mejores que he jugado) Requisitos minimos:-Procesador: 2.8 Ghz -Memoria: 1 GB -Disco duro: 7 GB -T. Grafica: 256MB nVidia GeForce 6800 ó ATI Radeon X1600 Pro con Shader 3.0 Lo juegue con 128 mb video gráficos normal resolución 1024 X 768 pero para mas velocidad en 800 x 600 Lo desscargue de aui http://www.taringa.net/posts/juegos/8069253/Dead-Space---Multi-5-Megaupload.html links de megauploadDead space 2 (dios bendiga a los que hicieron este juego) -Mínimos: CPU: Procesador Pentium 4 a 2.8 GHz / AMD Athlon 64 3000+ o mejor (cualquier Athlon64 X2 o Core Duo) RAM: 1 GB (Windows XP) / 2 GB (Windows Vista / Windows 7) o más VGA: Tarjeta gráfica NVIDIA GeForce 6800 GT o mejor (7300, 7600 GS, y 8500 son lo mínimo que se requiere) / ATI Radeon X1600 Pro o mejor (X1300, X1300 Pro and HD2400 son lo mínimo que se requiere) con 256 MB de VRAM y soporte para Shader Model 3.0. DirectX: DirectX 9.0c Mentira gran mentira yo lo jugué con 128 mb video gráficos normal alto resolución 1024 X 768 corre mejor que el dead space 1 Yo lo descargue de aqui: http://www.gratisjuegos.org/descargar/dead-space-2-espanol-voces-textos-repack-2-dvd5-mu/ links de megauploadBioshock Procesador: P4 2,5 GHz núcleo único. Memoria: 1 GB Tarjeta de vídeo: Tarjeta de vídeo compatible con Pixel Shader 3.0 con 128 MB de RAM y "frame buffer blending" de coma flotanteEste si dice la verdad y es muy bueno por eso lo pongo aquí Yo lo descargue de aki: http://www.taringa.net/posts/juegos/9202077/Bioshock---Multi-5-Megaupload.htmllinks de megauploadCall of duty modern wirefire 1Requisitos Mínimos · CPU: Intel(R) Pentium(R) 4 2.4 GHz o AMD(R) Athlon(TM) 64 2800+ · RAM: 512MB RAM (768MB para Windows Vista) · Disco Duro: 8GB de Espacio Libre · Tarjeta Gráfica: NVIDIA(R) Geforce(TM) 6600 o ATI(R) Radeon(R) 9800ProJuegaso Funciona excelente con 128 mb resolucion pantalla completa 1233 X 764La pagina de donde lo descargue ya no existe pero te dejo este link http://www.programaswarez.com/gamez-juegos-warez/121-megaupload-call-duty-4-modern-warfare-espanol-pc.htmllinks de megauploadCall of Duty – World at WarRequisitos Mínimos: - Procesador: AMD 64 3200+ o Intel Pentium 4 3,0 GHz+ - Memoria: 512 Megas de RAM en Xp (1 GB en Vista). - Espacio en Disco Duro: 8 GB - Tarjeta Gráfica: nVidia 6600GT o ATI Radeon 1600XT de 256 MG. Lo jugué con 128 mb video gráficos normales resolución 800 X 600Lo descargue de aqui: http://www.puntojuegos.net/warez/call-of-duty-–-world-at-war-full-espanol-dvd9.htmllinks de megauploadCall Of Duty: Modern Warfare 2» SO: Microsoft Windows XP, Windows Vista y Windows 7 » Procesador: Intel Pentium 4 3.2 GHz o AMD Athlon 64 3200+ o superior » Memoria RAM: 1 GB » Espacio HDD Necesario: 12 GB » Video: 256 MB de NVIDIA GeForce 6600GT o superior, o ATI Radeon 1600XT o superior Mentira lo estoy jugando con 128 gráficos medios resolución 1024 X 768 funciona bien Yo lo odescargue de aqui: http://www.maxprogramas.com/2010/05/call-of-duty-modern-warfare-2-full/links de megauploadPrototypeWindows XP (con Service Pack 3) y DirectX 9.0c o (Windows Vista con Service Pack 2) · Procesador: Pentium(R) Intel Core 2 Duo 2.6 GHz; AMD Athlon 64 X2 3800+ o superior. · RAM: 1 GB Windows XP / 2 GB Windows ® Vista · 8 GB de espacio en disco· Tarjeta Gráfica: NVIDIA GeForce 7800 256 MB o superior; ATI Radeon X1800 256 MB o superior. funciona perfecto con 128 mb resolucion 1024 X 768 y un poco mas de velocidad coon 800 X 600 alomjor tienen problemas con la resolusion pero hay un archivo para que se ajuste a la de tu pantalla solo tienes ke buscarloyo lo descargue de aky y me funciono perfecto hasta el final:http://www.taringa.net/posts/juegos/2830395/Prototype-_PC_-_Full_-_Espanol_.htmlALICE Madness Returns (este juego es arte)requisitos minimosSO: Windows 7 SP1, Windows Vista con Service Pack 2, Windows XP con Service Pack 3 CPU: Intel Core 2 Duo (o equivalente) funcionando a 1.60GHz o superior, procesador AMD Athlon X2 (o equivalente) funcionando a 1.60GHz o superior. RAM: 2048 MB o superior Disco Duro: 8.5 GB GFX: NVIDIA GeForce 7600 256 MB o ATI Radeon X1650 * 256 MB o superior me corre muy bien con 128 mb gráficos unos en normal otros en alto Yo lo descargue de aqui: http://***/accion-aventura/349351-alice-madness-returns-2011-pc-multi6-espanol-release-skidrow-link-1-gb-megaupload-fls-wu-up-ups/links de megauploadResident Evil 5Mínimos: Procesador: Intel Pentium AMD Athlon64 x2. RAM: Windows Vista (1GB) / Windows XP (512 Mb). Espacio Libre en Disco Duro: 8 GB o más. Tarjeta Gráfica: NVIDIA GeForce 6800 series ó ATI Radeon HD 2400 Pro. VRAM (512MB). Lo estoy jugando 128 mb video resolución 800 X 600 gráficos medios y por ahora todo bien hay un problema de que no se guardan las partidas pero es facil solo busque en google Yo lo descargue de aky: http://www.taringa.net/posts/juegos/7970207/Resident-Evil-5---multi-5-Megaupload.htmllinks de megauploadDescargar Burnout Paradise Necesario: Conexión a Internet Sistema operativo: Windows XP o Vista Procesador: XP: 2,8 GHz o superior Vista: 3,2 GHz o superior Memoria: XP: 1 GB de RAM Vista: 1,5 GB de RAM Disco duro: 4GB Unidad de DVD: Velocidad 8x Tarjeta gráfica: 128 MB con Pixel Shader 3.0 Excelente juegoyo lo descargue de aki: http://www.taringa.net/posts/juegos/7110900/Descargar-Burnout-Paradise-Full-Iso-Mediafire.htmllinks de megauploadStarWars The Force Unleashed Ultimate Sith EditionMinimal system requirements of Star Wars: The Force Unleashed: Ultimate Sith Edition • Operating system: Windows XP SP3, Windows Vista SP2, Windows 7 • CPU: Dual-core CPU with 2.4 GHz (Intel core 2 Duo or Athlon X2) • RAM: 2 GiByte • Graphics card: Shader model 3 with 256 MiByte VRAM (Radeon HD 2900 or Geforce 8800) HDD: 24 GByte + 1 GByte swap fileMe corre bien con 128 mb de video resolusion 800X600 graficos intermediosLo descague de aky:http://www.taringa.net/posts/juegos/3812434/StarWars-The-Force-Unleashed-Ultimate-Sith-Edition-_megauplo.htmllinks de megauploadStar Wars Force Unleashed 2 Memoria ram minimo: 1 GB; Placa de video minima: NVIDIA GeForce 5900 / ATI Radeon 9800 256 MB Me corre bien con 128 mb de video resolusion 800X600 graficos intermedioslo descargue de aky : http://www.taringa.net/posts/downloads/7674151/Star-Wars-Force-Unleashed-2-Full-_MU_.htmllinks de megauploadIMPORTANTEInstrucciones para que te corran Claaro que los uegos no te ban a correr asi como asi tienes que darle manteniemiento a tu pc para que este full ami me corren porque cuido mucho el softwere para eso sigue estos consejos 1.- Tienes que asegurarte de que tu equipo no tenga ningún virus te recomiendo que lo escanees con bit defender, es el mejor antivirus, si utilizas el bit defender cuando juegues lo pones en modo juego para que ocupe menos recursos, si no lo tienes te recomiendo el microsoft seguriti esentials ocupa poca memoria y es el que estoy utilizando ahorita, cualquier otro antivirus no te lo recomiendo porque usan mucha memoria tal vez el nod 32 pero mucho muy recomendable bit defender y el de microsoft 2.- Desfragmentar el disco duro una vez por semana, por eso se alentan varios juegos 3.- Usar el tune up utilities es un programa para mantenimiento del sistema, después de darle un mantenimiento todo como dice el programa, Cuando bayas a jugar te fijas en la sección de optimizar el sistema y ahí en desactivar programas y todos los que se puedan desactivar los desactivas ESTO CUENTA MUCHO 4.-Utilizar el game boster y cada vez que bayas a jugar ponerlo en modo juego para que te desactive programas que no utilizas a mi me desactiva 22 cuando termines desactivas el modo juego y vuelven los programas 5.- Tener actualizado los driver he visto gente que dice que tiene argetas de gforce de 256mb y nos les corre el assasins creed o el cod eso es porque de seguro la formatearon y como no se nota la ausencia, no le pusieron los driver,para esto vamos a usar el game boste en la opcion de game drivers y ahí los actualizamos Si no sigues esos pasos exactamente como lo dice ahí, no te estés quejando de que los juegos no te corren Otra cosa estos juegos estan probados con targetas graficas intel probablemente tengas una ati readon y no te funciones, eso es porque las intel funcionan diferente que las ati algunos juegos que funcionan bien en tarjetas intel no te funcionan en ati y algunos que te funcionan en ati puede que no te funcionen en intel Juegos que me han dicho que si funcionan con 128 mb de video (yo no los he probado)Lo pueden descargar de aqui http://www.taringa.net/posts/juegos/7296975/Descargar-PES-2011-Full_Espanol_Megaupload-9-links.html los link funcionan y segun los comentarios de los usuarios el juego funciona bien Post con 703 puntos Megaupload(por algo sera)Lo pueden descargar de aqui http://www.taringa.net/posts/juegos/7901648/Call-Of-Duty---Black-Ops-_19-links_-_Megaupload_-_PC_.html los links funcionas bien y son de megaupload post con 276 puntos pero parece que esta en inglesLo pueden descargar de aqui http://www.taringa.net/posts/juegos/5149270/Battlefield-Bad-Company-2-megaupload.html links de megaupload y segun los coment funciona bien lo pueden descargar de aqui http://www.gratisjuegos.org/descargar/call-of-juarez-mediafire-full-traduccion/Links de mediafire y segun los coments funciona bien lo pueden descargar de aqui http://www.taringa.net/posts/autos-motos/9039221/Colin-McRAE-rally-legend-_2007_-DVDRip-_MU_-y-Dirt-2.html links funcionando Juegos que na anduvieron parque no se arriesguen Assasins Creed 2CrysisFall out 3 videoslink: http://www.youtube.com/watch?v=v1Jfv4MGqN8link: http://www.youtube.com/watch?v=hL4rGgEgd-Elink: http://www.youtube.com/watch?v=b_SuVDFIY6klink: http://www.youtube.com/watch?v=rKQXBj-Us8Elink: http://www.youtube.com/watch?v=EnjjaoyJNHY&feature=fvsrBueno es todo por ahora, voy a seguir posteando juegos conforme baya descubriendo mas o la gente me diga que funcionan bien de paso ayúdenme con un like a esta pagina de facebook ya se a vuelto muy difícil conseguir likes http://www.facebook.com/pages/Naturalwebs/144535145565860?sk=app_4949752878http://www.facebook.com/pages/Naturalwebs/144535145565860?sk=app_4949752878Que disfruten los juegos