Path: csiph.com!v102.xanadu-bbs.net!xanadu-bbs.net!feeder.erje.net!eu.feeder.erje.net!weretis.net!feeder1.news.weretis.net!news.solani.org!.POSTED!not-for-mail
From: Thomas 'PointedEars' Lahn <PointedEars@web.de>
Newsgroups: comp.lang.javascript
Subject: Re: Simple graphics/animation question
Date: Sat, 21 Jun 2014 05:08:41 +0200
Organization: PointedEars Software (PES)
Lines: 27
Message-ID: <5305381.c66xqLJWrs@PointedEars.de>
References: <ab26a5ad-8582-4ea5-85c9-1efa7e639aa3@googlegroups.com> <lo1c8n$gc2$1@dont-email.me> <lo1p1p$g3k$1@speranza.aioe.org>
Reply-To: Thomas 'PointedEars' Lahn <cljs@PointedEars.de>
Mime-Version: 1.0
Content-Type: text/plain; charset="ISO-8859-1"
Content-Transfer-Encoding: 7Bit
X-Trace: solani.org 1403320123 6293 eJwNwYEBwCAIA7CXEEqRc2SM/0/QxI2LX4BO+Lxp1mrnzEZ38ylh5XJN5b8BEbBRsmIs/AIMyxAW (21 Jun 2014 03:08:43 GMT)
X-Complaints-To: abuse@news.solani.org
NNTP-Posting-Date: Sat, 21 Jun 2014 03:08:43 +0000 (UTC)
User-Agent: KNode/4.12.4
X-User-ID: eJwNyMkBwCAIBMCWVjkWyiEo/Zdg5jkmvrypbq42NhUtdYMxyAUcx5enOxeZJmWlM71TRKuTBqLJLVf/CS08StoUqA==
Face: iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEXTxa4RFk5dUWANED8PFEfy7+MGBiW+n3ZNF/QuAAACaElEQVQ4jVXUwVOcMBQG8Dc7Rc4PUntdWV2uxjDpGaGeozOp1woar4jd5t/v9wLstMwsA/ntlxdCAgUc1hjTc9/JCZfGoo3wG3HdmdAWrIJRHe7GM/TmpY5VFefuVcAkkPbLIaN8rmPmjloyZxgyR3GuJ4K0AGtJ2htz8o7yqikm759fldQXaMpbDzjKAG+8v+AugVTOPO5DOjLvGtUYQwh0CPjnVMyGd+8/GfUB5nLKJDD2aLDh5HYyMDJGDwQIo2ZmZcKbowNmAdB/AzyFhrmF2MHRb0QJJfaAnwGB6orZhoykLzJtGwF/xpYxI1dswomiUj3gTuAIqCn/4C7cULwGNBtwMTk3Y4LfKB5YUaOKBKYtpplm7u0vip8tU1NWWyI/7XdcSuIDoMt6rVHMWT0DbjHPGqDqZVSa6zleLcUTcIKLoMv3ueJluALtAo9B302zPPlrtiVScRdCjXvVh3e3JpYa/jjkuC9N+LrBMlz/eAN4eQijX2EdLo6c5tGGHwLyHFtXk89dDGHwCVhG9T0S/j55AhRZgkMCmUQXJ49TnS1wnQDvw0eAh9ICeMmEFbCnPMFzjAvsWoEWEFdYEx+S0MoUZ1gT1wId8+AF3Bl2OoEu906AUHx5VLw/gXYg/x84loOah/2UYNrgiwSwGO7RfUzVBbx/kgpckumGOi6QirtD6gkLTitbnxNol47S2jVc2vsN5kPqaAHT8uUdAJM4v/DanjYOwmUjWznGfwB7sGtAtor5BgofDuzaRj4kSQAqDakTsKORa3Q3xKi3gE1fhl71KRMqrdZ2AWNNg/YOhQyrVBnb+i+nEg4bsDA+egAAAABJRU5ErkJggg==
X-Face: %i>XG-yXR'\"2P/C_aO%~;2o~?g0pPKmbOw^=NT`tprDEf++D.m7"}HW6.#=U:?2GGctkL,f89@H46O$ASoW&?s}.k+&.<b';Md8`dH6iqhT)6C^.Px|[=M@7=Ik[_w<%n1Up"LPQNu2m8|L!/3iby{-]A+#YE}Kl{Cw$\U!kD%K}\2jz"QQP6Uqr],./"?;=4v
Cancel-Lock: sha1:EBdZkyyTipQRhcek4KZM+a6lEpM=
X-NNTP-Posting-Host: eJwFwYkBADAEBLCVFIeO46n9R2gCsWPtajDFYu+NKIo35tJDvLXcR/RlMwjJNumoKFeQsH8dJBDP
Xref: csiph.com comp.lang.javascript:24956

Joao Rodrigues wrote:

> Em 20/06/2014 10:17, Jukka K. Korpela escreveu:
>> 2014-06-20 1:05, patchydunn@gmail.com wrote:
>>> I'm relatively new to programming, but want to create a program with
>>> the following function: An image of a ball moves across the screen
>>> and goes "behind" an image of a basket. How feasible is this with
>>> Javascript and HTML?
>>
>> Rather easy.
>>
>> You could even use just HTML and CSS: use a <marquee> element containing
>> a ball as an image or as a character and a <span> element positioned
>> over the <marquee> element.
>>
>> You could also use CSS animation to create the movement.
> 
> Try using animate.css:
> <http://daneden.github.io/animate.css/>

*You* would.  Run over a fly with a T-54...

-- 
PointedEars
FAQ: <http://PointedEars.de/faq> | SVN: <http://PointedEars.de/wsvn/>
Twitter: @PointedEars2 | ES Matrix: <http://PointedEars.de/es-matrix>
Please do not Cc: me. / Bitte keine Kopien per E-Mail.