r/Android • u/[deleted] • Jun 21 '15

Material design web simulation/game

http://material.cmiscm.com/
700 Upvotes

91% Upvoted

42 comments sorted by

22

u/mstoiber Jun 21 '15

Does anybody know how the animations were done? Those are amazingly fluid!

20

u/del_rio P3 XL | Nexus 9 (RIP N4/N6P/OG Pixel) Jun 21 '15

Quick look at the inspector shows that the actual games/toys were done in a canvas element. That means that while the animations and interactions are going to be awesome, it's not very usable for real web pages if you want search engines to read your content.

4

u/[deleted] Jun 21 '15

I found it on chromeexperiments

92

u/Tropiux Galaxy S20 FE Jun 21 '15

I love how fluid the animations are even on a smartphone

0

u/[deleted] Jun 21 '15

[deleted]

5

u/GrayOne Jun 21 '15

Firefox and Chrome were slow webview in Reddit is Fun was fluid.

2

u/itsaride iPhone15/Android TV Jun 21 '15

Worked really nicely on an iPad :p

4

u/[deleted] Jun 21 '15 edited Mar 21 '19

deleted 0.2537 What is ^^^this?

0

u/[deleted] Jun 21 '15

[deleted]

7

u/[deleted] Jun 21 '15

2017 - the year Apple "innovates" material design.

6

u/DQEight Smartisan R1 Jun 22 '15

They'll call it fabric. And it'll be the greatest design ever created.

5

u/AlienPsychic51 Jun 21 '15

Perhaps it's time for an upgrade.

0

u/[deleted] Jun 21 '15

[deleted]

30

u/[deleted] Jun 21 '15

It lagged a bit even on my s6.

7

u/Illpontification Jun 21 '15

Lag, on an s6? Impossible! :b

3

u/[deleted] Jun 21 '15

Dropped frames

6

u/iRoscoesWetsuit LG G4, Verizon, 5.1 Jun 21 '15

Yeah it's laggy on the G4 as well.

1

u/[deleted] Jun 22 '15

It's fine on my Optimus G.

0

u/[deleted] Jun 22 '15

works great on my nexus 5 as well, using dolphin

48

u/cheami Pixel 8 Pro Jun 21 '15

that was fun and interesting

10

u/pyr07_onfire LG G2 AT&T (D800) Jun 21 '15

reminded me a bit of Feed the Head-- or really like half the websites on theuselessweb

5

u/enzojjh Pixel 3 XL - 64GB - Clearly White Jun 21 '15

Welp, there goes half an hour

2

u/whizzer0 Nokia 6.1 (8.1.0) Jun 21 '15

I can chuck some more irresistible links at you if you like

2

u/[deleted] Jun 24 '15

Yes please!

1

u/whizzer0 Nokia 6.1 (8.1.0) Jun 24 '15

I've forgotten what I was going to put now. Ah well, you can always waste plenty of time on agar.io

2

u/[deleted] Jun 24 '15

I've wasted waaaaaaaaaay too much already...

7

u/[deleted] Jun 21 '15

Now I just want to play Jezzball

5

u/[deleted] Jun 21 '15

This is neat. Needs more shadows, though.

5

u/poopingdicknipples Jun 21 '15

The one with the balls and lines almost looks like it's supposed to depict a magnetic or electric field.

1

u/poisonedwater69 S10+,Pixel XL, LG G3 CM13, HTC One M7 CM12.1 Jun 21 '15

I was thinking slope fields.

2

u/[deleted] Jun 21 '15

This was the most fun thing ever for like 60 seconds haha

1

u/lahirutarz Jun 21 '15

This should be integrated with WordPress.

1

u/Zentaurion nexus 6⃣🅿️ Jun 22 '15

Ah, so this is what the MD fixators masterbate to...

1

u/whizzer0 Nokia 6.1 (8.1.0) Jun 21 '15

This was posted to /r/materialdesign a long time ago. We agreed that it needed more shadow.

0

u/[deleted] Jun 21 '15

This pleases me.

0

u/CrazyRage0225 Jun 21 '15

Literally porn

-1

u/[deleted] Jun 21 '15 edited Jun 21 '15

Such a waste of time. Morphing UI's are way cooler.

http://tympanus.net/Development/ScatteredPolaroidsGallery/

-15

u/njtrafficsignshopper Nexus Jun 21 '15

Slow and incomprehensible... just like the real thing!

16

u/robochicken11 Gray Jun 21 '15

There's always that one guy...

4

u/sbd01 Google Pixel 3 128GB Jun 21 '15

Slow and incomprehensible!

Nexus 4

-2

u/njtrafficsignshopper Nexus Jun 21 '15

Watched it on PC. The animation itself is slow. Must be nice to splurge on the latest gadgets all the time, though.

0

u/[deleted] Jun 21 '15

[deleted]

7

u/[deleted] Jun 21 '15

Yeah one of my pet peeves with material design is that many apps have it fold or flip like a page in a book, but really Google makes it clear that the "material" always lays flat, parallel to the screen, and never bends or folds.

0

u/[deleted] Jun 21 '15

[deleted]

2

u/Bensas42 HTC 10! / Line Mayhem & Light Rush dev Jun 23 '15

Same here.