Giter Club home page Giter Club logo

wordwaterfall's Introduction

Word Waterfall

This project is an attempt to use PixiJS library to create a silhouette against a matrix(film)-like-scrolling-vertical-text-background. This is completely for fun-sies and to see if I can do something I think is pretty cool. Later iterations of this might have the ability to edit the words that fall. The current progress can be viewed here: DEMO

Screenshot

screenshot of current wordwaterfall progress

Running locally

PixiJS resources need to be hosted on a server, since running an html file verbatim results in COORs errors when loading resources like sprites to the webGL/canvas area. Follow the below steps to quickly get up and running:

  • Open the commandline / terminal / etc and enter the following:
  • npm install This installs the project's dependencies
  • npm run hostserver This runs a simple server which hosts this project
  • Visit http://127.0.0.1:8080/ to view the wordwaterfall web application
  • NOTE: if you're using chrome and do not see changes appear on page, hard refresh by clicking Ctrl-shift-r.

This project uses resources from:

wordwaterfall's People

Contributors

aml2732 avatar

Watchers

 avatar

wordwaterfall's Issues

Text seems to clump at the bottom and not the top

This is likely because of our algorithm that initially places the x and y coord.
variable height text placed lower has a high likely hood of overflowing offscreen, which gives the appearance of clumping.

Solution is likely to try to calculate y not between (0 - app height), but instead (-YValue - app height)

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.