132

Python 3.4 Using the turtle module. The turtles are different colours and they always face in the same direction, so they can be easily seen to be moving along straight lines by just focusing on one of them. Despite this the circle illusion is still strong. The illusion still seems quite strong even with just 3 or 4 turtles: The framerate is reduced ...


98

C Result: #include <stdio.h> #include <Windows.h> #include <Math.h> int round (double r) { return (r > 0.0) ? (r + 0.5) : (r - 0.5); } void print (int x, int y, char c) { COORD p = { x, y }; SetConsoleCursorPosition(GetStdHandle(STD_OUTPUT_HANDLE), p); printf("%c", c); } int main () { float pi = 3....


77

HTML/CSS, 183 180 163 161 160 147 143 bytes a{display:inline-flex;overflow:hidden;width:1ch}c{animation:c 1s steps(4)infinite}@keyframes c{to{margin:0-4ch <pre>Loading... <a><c>|/-\</pre> Edit: Saved 3 bytes thanks to @betseg. Saved 17 bytes thanks to @manatwork. Saved 1 byte thanks to @Daniel. Saved 13 bytes thanks to @...


58

Vim, 43, 41 bytes qqSLoading... |<esc>:sl250m r/@:r-@:r\@:@qq@q Two bytes saved thanks to @Udioica! Here's a (slightly outdated) animation of it happening in real time! And here is an explanation: qq " Start recording into register 'q' SLoading... |<esc> " Replace all of the text in the buffer ...


55

SVG (no Javascript) JSFiddle link here <?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 380 380" width="380" height="380" version="1.0"> <g transform="translate(190 190)"> <circle cx=&...


48

http://jsfiddle.net/z6vhD/13/ intervaltime changes the FPS (FPS = 1000/intervaltime). balls changes the # balls. maxstep adjusts the # steps in a cycle, the larger the 'smoother' it is. 64 should be large enough where it appears smooth. Modeled as a circle moving, instead of moving the balls along the lines, but the visual effect (should be?) the same. ...


43

CSS animations A solution using only css animations (see animation on JSFiddle - note that I added the browser specific prefixes in the fiddle so that it can work in most recent versions). <body> <div id="w1"></div> <div id="w2"></div> <div id="w3"></div> <div id=&...


43

Minecraft 1.9.0+, 204 162 bytes + 58 36 28 24 20 blocks = 262 240 232 186 182 blytes This solution is golfed down, and it can't be seen whole in one, or even two screenshots. Uses two glitches and abuses another two features of the game This solution uses the same principles as the one below, just a 4 blocks more compact design. Abuses the fact that ...


42

JavaScript (ES6), 2557 1915 1897 1681 bytes This isn't super-duper golfed really; it's minified - partly by hand - but that's nothing special. It could no doubt be shorter if I'd golfed it more before minifying, but I've spent (more than) enough time on this already. Edit: Ok, so I spent more time on it and golfed the code more before minifying (very ...


42

Bash + linux utilities, 19 seq 40 2 72|pv -qlL2 seq generates the numerical output. pv ratelimits it to 2 lines/sec.


41

SVG(HTML5), 336 bytes <svg width=500 height=500><defs><path id=p d=M49,250a201,201,0,0,1,402,0a201,201,0,0,1,-402,0></defs><text font-size="32"><textPath xlink:href=#p>EASIER COMMUNICATION MEANS FASTER CODING MEANS FEWER CODERS MEANS</textPath><animateTransform attributeName=transform type=rotate from=360,250,...


41

JavaScript (ES6), 247 bytes RegPack'ed. Expects 0...3 as input. n=>[...'BigFu!#?%$Rocket'].reduce((s,c)=>(x=s.split(c)).join(x.pop()),`oF#$! FRFRFRF|??|$i$t$t$t$t%# t # !t!BBB uuceeeeeee%c%|?| o#, db _#_ iggg |?|%#g|o|e%t%t%tkgttgttcu,o#%! RRR|??|%ieF R|oo| $ oo% ?__#/\\!/o\\uAAAAFo g ti\\?/Bkkk`).split`,`[n] Try it online!


40

C# 3566 bytes Not golfed at all, but works (I think) Ungolfed in edit history. Uses Magick.NET to render gif. class S{public float x,y,r;public bool c;public double i,o,a=0,l=0;public S(float X,float Y,float R){x=X;y=Y;r=R;}}class P{List<S>q=new List<S>();float x=float.MaxValue,X=float.MinValue,y=float.MaxValue,Y=float.MinValue,z=0,Z=0,N;int ...


38

HTML + JS (ES6), 20 + 51 50 = 70 bytes setInterval(_=>a.innerHTML='|/-\\'[i=-~i%4],i=250) Loading... <a id=a>- -1 byte (Zachary T) Check out my 132 byte HTML/CSS answer as well.


37

HTML/CSS, 1047 I could golf this a lot more by deleting the -webkit prefixes etc., but this will do for the time being: <html><head><style>body{font-family:sans-serif;background:#000;margin:0 auto;height:400px;width:800px;text-align:justify;position:relative;perspective: 150px;-webkit-perspective:150px;}div{font-size:63px;line-height:63px;...


37

Mathematica Here is a pretty straight-forward submission. animateCircle[n_] := Animate[Graphics[ Flatten@{ Disk[], White, Map[ ( phase = #*2 \[Pi]/n; line = {Cos[phase], Sin[phase]}; {Line[{-line, line}], Disk[Sin[t + phase]*line, 0.05]} ) &, Range[n] ] }, PlotRange -&...


34

Vim 26 bytes ihello world<ESC>qq~gsul@qq0@q Explanation (no .gif yet): First, we must enter the 'hello world' text. This is pretty straightforward. It's just: ihello world<ESC> At this point, the cursor is on the 'd' in 'world'. Next: qq " Start recording into register 'q' ~ " Swap the case of the character ...


32

SVG + Javascript ▶▶▶ Live demo here ◀◀◀ This uses SVG's built-in animation functions to turn the hands, with a bit of additional Javascript to fetch the local time and set the initial hand positions. It works OK in Chrome and Safari, and should be compatible with most modern browsers as it doesn't use any filter effects. <?xml version="1.0"?>...


32

HTML/CSS, 131 108 106 101 + 18 17 = 149 126 125 123 118 bytes a{background:#FFF;margin:-5ch;animation:a 1s steps(2,start)infinite}@keyframes a{to{visibility:hidden <tt>--:--<a>12:00 Edit: Saved 23 bytes thanks to @insertusernamehere. Saved 1 byte by switching from <pre> to <tt>. Saved 2 bytes thanks to @darrylyeo. Saved 5 ...


28

CJam, 51 45 42 38 36 bytes "c\o/ _0_""^[c_o_ 0 / \^["{_o\6e4m!}g The above uses caret notation; the sequence ^[ is actually the ASCII character with code point 27. I've borrowed the escape sequence (^[c) from @DomHastings' answer (with his permission) to save 4 bytes. Verification You can recreate the file like this: base64 -d > jj.cjam <<<...


26

VBScript + VBA + Excel Pie Chart This will make your processor cry a little but it looks pretty and I believe it works according to spec. I used @Fabricio's answer as a guide to implement the circle movement algorithm. EDIT: Made some adjustments to improve render speed. The code: 'Open Excel Set objX = CreateObject("Excel.Application") objX.Visible =...


26

Vim, 37 bytes 3iLa <esc>snd<esc>gs:s/./&<C-v>u336/g A Moonlight A fairly straightforward solution. Here is an animation of it running:


25

Excel (no VBA) =2*PI()*(NOW()*24*60*60/A2-FLOOR(NOW()*24*60*60/A2,1)) =ROUND(7*SIN(A1),0) =ROUND(5*SIN(A1+1*PI()/4),0) =ROUND(7*SIN(A1+2*PI()/4),0) =ROUND(5*SIN(A1+3*PI()/4),0) A2 (period) determines the time (seconds) for a full 'revolution'. Each cell within the lines is a basic conditional relating to the value of the corresponding line. For example, ...


25

HTML, 153 148 bytes Using CSS animation. Tested on Firefox and Chrome only. <s>La La Land</s> <b>Moonlight<style>@keyframes l{0%{text-decoration:none}}@keyframes m{0%{opacity:0}}b,s{animation:m 0s 1s both}s{animation-name:l}


23

Processing, 101 97 96 bytes 4 bytes thanks to Flambino. 1 byte thanks to Kritixi Lithos. float d;void draw(){background(-1);stroke(#800080);d+=PI/1800;point(50+cos(d)*38,50+sin(d)*38);} This creates a default 100 by 100 pixel window with the required animation. Disclaimer: that image is not a GIF. Don't stare at it for a minute.


23

05AB1E, 69 62 60 bytes Saved 2 bytes thanks to Adnan. 3ð×…^o^)U13FNV0379730vð5y>;ï-y_+×N(Y-12%_Xè'my×NY-12%_y&XèJ, Try it online! Explanation 3ð×…^o^)U stores the list [" ","^o^"] in X for later use. 13FNV loops over the 13 stages [0 .. 12] and stores the current iteration index in Y. 0379730v loops over the rows of each stage, where N is ...


22

Windows Batch, 121 114 84 80 79 78 bytes Just throwing this out for fun. for %%b in (/ - \ ^|)do (cls @echo Loading... %%b ping 1.1 -n 1 -w 250>nul) %0 I was not able to assign pipe (|) into the array, so I had to manually add it with another assignment. The delay is done with PING, which might not be accurate. Output: Edit: Thanks to Roman Gräf for ...


20

HTML+CSS+SVG 1614 1625 I wanted to be visually correct, too. SVG used for masking and animation. HTML+CSS used for transforms. I didn't check if the text gets to exactly 1/3 size. Recommended viewing in Chrome due to -webkit- prefix. Requires CSS 3D transforms to work; you may need to open chrome://flags and pick 'Override software rendering list'. ...


20

JavaScript (ES6), 109 144 140 138 bytes f=(k=13,b=y=>(y-k)%12?' ':'^o^')=>k--?[0,3,7,9,7,3,0].map((n,y)=>' '.repeat(5-n/2+!n)+b(y)+'m'.repeat(n)+b(n?-y:.1)).join` `+` `+f(k):'' console.log(f()); Animated version f=(k,b=y=>(y-k)%12?' ':'^o^')=>[0,3,7,9,7,3,0].map((n,y)=>' '.repeat(5-n/2+!n)+b(-y)+'m'.repeat(n)+b(n?y:.1))....


20

Node, 72 70 bytes f=i=>console.log('\x1BcLoading... '+'|/-\\'[setTimeout(f,250,i=-~i%4),i]) Replace \x1B with the literal escape character to get the correct byte count. Call f() to start the animation. Here's how it looks in the ConEmu terminal emulator on my computer:


Only top voted, non community-wiki answers of a minimum length are eligible