• Stars
    star
    116
  • Rank 303,894 (Top 6 %)
  • Language
    Elixir
  • License
    Apache License 2.0
  • Created about 6 years ago
  • Updated almost 3 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

mix scenic.new task for Scenic apps

ScenicNew

The scenic.new mix task, which generates a starter application for you. This is the easiest way to set up a new Scenic project.

Installing scenic.new

scenic.new is intended to be used as an installed elixir package. To install the v0.11 beta, run the following command in your terminal.

mix archive.install hex scenic_new 0.11.0

Then you can create the example applications.

mix scenic.new simple
mix scenic.new.example demo

Erlang/Elixir versions

Please note, it currently needs OTP 21 and Elixir 1.7. If you have trouble compiling, please check that you are running those versions first.

Install Prerequisites

The design of Scenic goes to great lengths to minimize its dependencies to just the minimum. Namely, it needs Erlang/Elixir and OpenGL.

Rendering your application into a window on your local computer (MacOS, Ubuntu and others) is done by the scenic_driver_local driver. It uses the GLFW and GLEW libraries to connect to OpenGL.

The instructions below assume you have already installed Elixir/Erlang. If you need to install Elixir/Erlang there are instructions on the elixir-lang website.

Installing on MacOS

The easiest way to install on MacOS is to use Homebrew. Just run the following in a terminal:

brew update
brew install glfw3 glew pkg-config

Once these components have been installed, you should be able to build the scenic_driver_local driver.

Installing on Ubuntu 16

The easiest way to install on Ubuntu is to use apt-get. Just run the following:

sudo apt-get update
sudo apt-get install pkgconf libglfw3 libglfw3-dev libglew1.13 libglew-dev

Once these components have been installed, you should be able to build the scenic_driver_local driver.

Installing on Ubuntu 18

The easiest way to install on Ubuntu is to use apt-get. Just run the following:

sudo apt-get update
sudo apt-get install pkgconf libglfw3 libglfw3-dev libglew2.0 libglew-dev

Once these components have been installed, you should be able to build the scenic_driver_local driver.

Installing on Ubuntu 20.04

The easiest way to install on Ubuntu is to use apt-get. Just run the following:

apt-get update
apt-get install pkgconf libglfw3 libglfw3-dev libglew2.2 libglew-dev

Once these components have been installed, you should be able to build the scenic_driver_local driver.

Installing on Arch Linux

glew and glfw-x11 are available in Extra and Community, respectively. Ensure that these are enabled in your pacman.conf, then run:

sudo pacman -S pkgconf glew glfw-x11

Once these components have been installed, you should be able to build the scenic_driver_local driver.

Installing on Fedora

The easiest way to install on Fedora is to use dnf. Just run the following, to install development toolchain, and build/runtime graphics libraries:

sudo dnf install pkgconf glew-devel glfw-devel

Once these components have been installed, you should be able to build the scenic_driver_local driver.

Installing on FreeBSD

The easiest way to install on FreeBSD is to use pkg. Just run the following, to install development toolchain, and build/runtime graphics libraries:

sudo pkg install devel/gmake devel/pkgconf devel/elixir-hex devel/rebar3 \
  graphics/glew graphics/glfw

Once these components have been installed, you should be able to build the scenic_driver_local driver.

Installing on NixOS 18.09

The easiest way to install on NixOS is with a custom shell. Create a file titled shell.nix that includes the following:

{ pkgs ? import <nixpkgs> {} }:

with pkgs;

let
  inherit (lib) optional optionals;
  elixir = beam.packages.erlangR21.elixir_1_7;
in

mkShell {
  buildInputs = [
    elixir
    glew glfw
    git
    pkgconfig
    x11
    xorg.libpthreadstubs
    xorg.libXcursor
    xorg.libXdmcp
    xorg.libXfixes
    xorg.libXinerama
    xorg.libXrandr
    xorg.xrandr
  ];
}

Then use nix-shell to build and run the shell as your development environment:

nix-shell shell.nix

Installing on Windows

First, make sure to have installed Visual Studio with its "Desktop development with C++" package.

Next, you need to download the Windows binaries for GLFW and GLEW manually.

Locate your Visual Studio installation directory. Two folders will be required for the next steps:

  • The Include folder: {Visual Studio Path}\VC\Tools\MSVC\{version number}\include
  • The Lib folder: {Visual Studio Path}\VC\Tools\MSVC\{version number}\lib\amd64 (possibly x64 for some installs?)

Open the GLFW package you downloaded. Extract the contents of the packaged include folder to your Visual Studio Include folder. Next to the include folder, you'll also find several lib-vc20xx folders. Select the closest match to your Visual Studio version and extract the contents to your Lib folder.

Lastly, install the GLEW package. Find the packaged include folder and extract its contents to your Include folder as well. You should now have two new folders in your Include folder: GL and GLFW. Now navigate to lib\Release\x64 in the GLEW package. Copy all *.lib files to your Lib folder. Finally, navigate to bin\Release\amd64 and copy glew32.dll to your Windows\system32 folder.

Install scenic.new

mix archive.install hex scenic_new

To build and run scenic applications, you will also need to install a few dependencies. See the Getting started for more information.

Build and install locally

To build and install this archive locally ensure any previous archive versions are removed:

mix archive.uninstall scenic_new

Then run:

cd scenic_new
MIX_ENV=prod mix do archive.build, archive.install

Build the Basic Application

First, navigate the command-line to the directory where you want to create your new Scenic application. Then run the following commands: (change my_app to the name of your application)

mix scenic.new my_app
cd my_app
mix do deps.get, scenic.run

This will create a bare-bones application

Build the Example Application

First, navigate the command-line to the directory where you want to create your new Scenic application. Then run the following commands: (change my_app to the name of your application)

mix scenic.new.example my_app
cd my_app
mix do deps.get, scenic.run

Build a Basic Nerves Application

To add Scenic to a Nerves project, you should first set up Nerves and create a new Nerves project using the nerves generator.

See the Nerves Getting Started documentation.

After creating a new Nerves app, run the following command from within the app's directory.

mix scenic.setup

Then follow the next-step instructions that get printed out in the terminal window.

The Example Application

The starter application created by the generator above shows the basics of building a Scenic application. It has four scenes, two components, and a simulated sensor.

Scene Description
Splash The Splash scene is configured to run when the application is started in the config/config.exs file. It runs a simple animation, then transitions to the Sensor scene. It also shows how intercept basic user input to exit the scene early.
Sensor The Sensor scene depicts a simulated temperature sensor. The sensor is always running and updates it's data through the Scenic.SensorPubSub server.
Primitives The Primitives scenes displays an overview of the basic primitive types and some of the styles that can be applied to them.
Components The Components scene shows the basic components that come with Scenic. The crash button will cause a match error that will crash the scene, showing how the supervision tree restarts the scene. It also shows how to receive events from components.
Component Description
Nav The navigation bar at the top of the main scenes shows how to navigate between scenes and how to construct a simple component and pass a parameter to it. Note that it references a clock, creating a nested component. The clock is positioned by dynamically querying the width of the ViewPort
Notes The notes section at the bottom of each scene is very simple and also shows passing in custom data from the parent.

The simulated temperature sensor doesn't collect any actual data, but does show how you would set up a real sensor and publish data from it into the Scenic.SensorPubSub service.

What to read next

Next, you should read the guides describing the overall Scenic structure. This is in the documentation for Scenic itself.

More Repositories

1

scenic

Core Scenic library
Elixir
1,751
star
2

phoenix_integration

Lightweight server side integration test tools for Phoenix
Elixir
219
star
3

policy_wonk

Elixir authorization and resource loading in Plug form for Phoenix
Elixir
182
star
4

phoenix_markdown

Phoenix Template Engine for Markdown
Elixir
82
star
5

scenic_driver_glfw

Scenic render and input driver for windowed OSs
C
26
star
6

scenic_driver_nerves_rpi

Scenic render-only driver for the Raspberry Pi under Nerves
C
22
star
7

scenic_driver_nerves_touch

Scenic.Driver.Nerves.Rpi - Scenic driver providing touch input for Nerves devices
Elixir
18
star
8

scenic_math

Math library supporting Scenic
Elixir
15
star
9

scenic_sensor

A combo PubSub and Data cache that sits between sensors and scenes. Can be used outside of Scenic applications
Elixir
14
star
10

adept_modal

LiveView modal dialog component using Tailwind and Alpine js
Elixir
8
star
11

inline_svg

A simple and fast in-line SVG library and renderer for web applications
Elixir
7
star
12

font_metrics

Work with graphical font metrics and strings. Intended for use with, but doesn't require, Scenic
Elixir
5
star
13

scenic_clock

Clock packaged as components up for use in Scenic applications
Elixir
4
star
14

truetype_metrics

Extracts metadata from TrueType fonts and compiles terms for use with font_metrics
Elixir
3
star
15

nerves_scenic_test_app

Work in progress test app for scenic and nerves together. Not intended for production use.
Elixir
2
star
16

presentations

Decks and other information from my various presentations
1
star
17

sinatra-starter

Starter Sinatra site using sprockets, compass, bootstrap-sass, markdown, partials, jquery, more
Ruby
1
star