Giter VIP home page Giter VIP logo

and-who / codelikeadiva-vector-picasso Goto Github PK

View Code? Open in Web Editor NEW

This project forked from diva-e/codelikeadiva-vector-picasso

0.0 2.0 0.0 705 KB

Mit „code like a diva“ bieten wir dir die Möglichkeit, deiner Kreativität freien Lauf zu lassen, neue spannende Technologien auszuprobieren und deine Codeskills unter Beweis zu stellen. Und das Beste daran – Du kannst dabei noch cool Preise gewinnen. In unserer aktuellen Dev-Challenge steht die Kunst im Vordergrund. Unter dem Motto „Vector Picasso“ suchen wir das kreativste, durch Code generierte digitale Meisterwerk. Und damit nicht genug – Wir heißen dich und alle Teilnehmer herzlich willkommen zu unserer „code like a diva“ After-Code Party in München. Innerhalb der diva-e Räumlichkeiten werden dann, bei gekühlten Getränken und Snacks, die Gewinner gekürt.

JavaScript 80.86% HTML 4.36% CSS 14.78%

codelikeadiva-vector-picasso's Introduction

Wichtige Infos vorab

  • Registriere dich für unsere Dev-Challenge auf deiner Wunschplattform (Xing, eventim oder meetup - näheres dazu unter http://www.codelikeadiva.de/anmeldung.html).
  • Erstelle einen Fork von diesem Repository und arbeite dort im develop-Branch.
  • Damit wir dein Kunstwerk zuordnen können ist es wichtig, dass du die Datei src/config.js anpasst. Trage dich als Author ein, vergebe einen Titel für dein Kunstwerk und schreibe eine kurze Erklärung wie dieses generiert werden kann.
  • Die Projektbasis ist so aufgebaut, dass du gleich anfangen kannst mit entwickeln.
    Starte einfach in den Dateien src/js/my-code/index.js / src/scss/my-code/style.scss und tobe dich kreativ aus.
  • Konzentriere dich bei der Entwicklung auf dein Kunstwerkt. Die Optimierung für Chrome ist völlig ausreichend.
  • Einsendeschluss ist der 01. Dezember 2017
  • Preisvergabe bei Snacks und gekühlten Getränken ist am Donnerstag, 07. Dezember 2017. Wir freuen uns auf deinen Besuch im Münchner Büro von diva-e.
    Weitere Infos hierzu findest du auch unter http://www.codelikeadiva.de/aftercodeparty.html

Regeln

  • Ziel ist es eine vektor-basierte SVG-Grafik zu generieren und diese in der index.html innerhalb des <div id="artwork-wrapper"/> darzustellen.
  • Als Ergebnis muss zusätzlich die favorisierte Darstellung deines Kunstwerkes im Ordner ./my-artwork gesichert sein. Dazu kannst du die eingebaute Exportfunktion nutzen.
  • Dein Code muss sich in einem Fork befinden.
  • Der zentrale Algorithmus zur Generierung deines Kunstwerkes muss selbst geschrieben sein.
  • Libraries zur Unterstützung können verwendet werden.

Bewertungskriterien

Folgende Kriterien (mit Faktor) fließen in die Bewertung mit ein:

  • Technischer Ansatz der Renderlogik (2x)
  • Programmierstil (Struktur, Aufbau) und Code-Style (1.5x)
  • Kreativität / Kunstfaktor des eingereichten Bildes (1x)

Projekt Setup

  1. Installiere die nötigen Node-Modules.
    npm i || yarn
  2. Fertig 😉

Projekt Start

  1. npm start || yarn start
  2. Öffne deinen Browser unter http://localhost:8080/

Einreichen

  • Das Kunstwerk, welches dir am besten gefällt muss von dir exportiert und gesichert werden.
    Lege es dann in den Ordner ./my-artwork.
  • Wenn du die Dev-Challenge einreichen willst, update deinen Fork mit dem letzten Stand und sende uns eine E-Mail mit dem Link zu deinem Fork an [email protected]. Bitte achte hierbei darauf, die selbe E-Mailadresse wie bei deiner Anmeldung zu verwenden bzw. diese zu nennen.

Hast du Fragen?

Dann schreib uns einfach eine E-Mail!

codelikeadiva-vector-picasso's People

Contributors

and-who avatar jannikegger avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.