In Pieces (Something More #4) Read Online

30 unique species face a fragmented survival.

Represented here past 30 separate pieces ...

They share their struggles, and unite together...

in an interactive exhibition.

In Pieces

30 species. 30 pieces. 1 fragmented survival.

A CSS-based interactive exhibition celebrating evolutionary stardom.

Explore the exhibition

In Pieces

30 Species 30 Pieces

1 Fragmented Survival

Select a slice from the band, or
select a slice randomly

• Piece 1

  Helmeted Hornbill

  Hornbill Critically Endangered

• Piece 2

  Vaquita

  Porpoise Critically Endangered

• Piece 3

  Gilded Panthera leo Tamarin

  Monkey Endangered

• Piece 4

  Golden Toxicant Frog

  Frog Endangered

• Piece five

  Forest Owlet

  Bird Critically Endangered

• Piece 6

  Kemp'south Ridley Sea Turtle

  Turtle Critically Endangered

• Piece vii

  Scimitar Oryx

  Oryx Extinct in the Wild

• Piece 8

  Fiji Crested Iguana

  Reptile Critically Endangered

• Piece ix

  Knysna Seahorse

  Fish Endangered

• Piece 10

  Brazilian Armadillo

  Armadillo Vulnerable

• Piece 11

  Pygmy Three-toed Sloth

  Sloth Critically Endangered

• Piece 12

  Kakapo

  Bird Critically Endangered

• Slice thirteen

  Long-beaked Echidna

  Echidna Critically Endangered

• Slice 14

  African Penguin

  Penguin Endangered

• Slice 15

  Greek Scarlet Damsel

  Insect Critically Endangered

• Piece xvi

  Sun Conduct

  Behave Vulnerable

• Piece 17

  Rainbow Parrotfish

  Fish About Threatened

• Piece eighteen

  Bactrian Camel

  Camel Critically Endangered

• Piece xix

  Wallace'south Birdwing

  Insect Endangered

• Piece xx

  Somali Ostrich

  Bird Vulnerable

• Piece 21

  Ruby Panda

  Panda Vulnerable

• Slice 22

  Malayan Tapir

  Tapir Endangered

• Piece 23

  Diademed Sifaka

  Sifaka Critically Endangered

• Piece 24

  Iberian Lynx

  Felid Critically Endangered

• Piece 25

  Sumatran Rhino

  Rhinoceros Critically Endangered

• Piece 26

  Chocoan Peccary

  Peccary Endangered

• Piece 27

  Okapi

  Giraffid Endangered

• Piece 28

  Javan Dull Loris

  Primate Critically Endangered

• Piece 29

  Hirola

  Antelope Critically Endangered

• Piece 30

  Drill

  Primate Endangered

About this project

In Pieces is an interactive exhibition turned written report into xxx of the world'south near interesting but unfortunately endangered species — their survivals laying literally, in pieces.

As Featured On

Each species has a mutual struggle and is represented by one of 30 pieces which come together to form one some other. The drove is a celebration of genic variety and an attempting reminder of the beauty we are on the verge of losing as every moment passes. These xxx animals have been called for their differences, so that we tin learn about species we didn't know about previously likewise as the struggles they have surviving. Many of them evolved in a detail way which makes them evolutionarily singled-out.

Take for example the Kakapo, an animal which evolved without natural predators and thus didn't crave instincts to defend itself. Unfortunately — and as is the example with about of the species showcased here — humans began hands hunting upon encroaching their range, and then introduced the stoat and other forms of pest control for other species. The Kakapo was virtually completely wiped out through this introduction and fights on today considering of this catastrophic lack of sentence.

When yous dig into a lot of research around this topic, information technology'south not long before you see the real darkness that is going on. Millions of years of evolution has occurred and humans are in danger of ruining it through agony for financial gain or greed.

There are some species hither who as grim equally it sounds, would crave a small miracle to survive because the numbers are too low to rationally go along to exist, Vaquita beingness ane such example.

In Pieces hopes to educate and inspire, and provoke thought on this complex and intricate topic. I sincerely hope that you lot can take something new away and savour this collection equally much as I enjoyed researching, designing and building it.

How it's fabricated

Built-in out of tinkering with a simple property, this project is unabashedly part-digital experiment. The core technology used here is just adept old CSS — no canvas or WebGL witchcraft.

Since hearing well-nigh CSS polygons, I've been a little surprised at the lack of furore around the applied science, then I wanted to create something which not only worked as a project in itself, but likewise pushed this underused line of code as far every bit possible.

The shard-shifting capabilities piece of work in webkit-browsers but, which of course is a limitation but at the same fourth dimension, it works on mobile which are almost completely webkit-based. Firefox does back up the clip-path property, but equally an SVG referenced shape and thus, the coding for movement works in an entirely different manner. I wanted to focus purely on the CSS route.

Non heard of it? Hither, take a line: -webkit-clip-path: polygon( forty% 40%, l% 60%, threescore% xl% );

So, in essence — each shape is being morphed, moved and toyed with by a new set up of co-ordinates, and as they are maintained as triangles throughout, this means 3 points, with CSS transitions to link up the movements. No tricks or tools take been used to get the illustrated results, lawmaking-wise or graphically. Point by point, shape by shape, each one has been handcrafted via a personally-created tracing JS function later on illustration.

If you have any questions on the technique or the project at all, please feel free to whip me a Tweet!

arkwookerumtraturness.blogspot.com

Source: http://species-in-pieces.com/

Share this post