chrisdugne

Maperial : Your first map

Maperial is a free javascript API to create maps for your web applications.

https://github.com/maperial/maperial-api.js

A Pen by Chris on CodePen.

License.

chrisdugne

  local t = 700
  local R = (x - toX) * 0.5

  transition.to(starHUD, {
    time       = t,
    x          = x - 2*R,
    rotation   = 360,
    xScale     = 0.2,
    yScale     = 0.2,
    transition = easing.inOutSine

chrisdugne

body {
  background-color: #2A2C2F;
  color: #E6E6E6;
}
a {
  color: #72B0FF;
}
.social-count {
  background: #212225;
  border-color: #424548;

chrisdugne

local lfs = require ( "lfs" )

function showFolder(folder)
    print('=====================  ' .. folder)
    local path = system.pathForFile( folder, system.ResourceDirectory )
    for file in lfs.dir ( path ) do
        print (file)
    end
end

chrisdugne

<p align="center">
  <img 
    src="https://user-images.githubusercontent.com/910636/52334105-3be87480-29ff-11e9-9249-0981514d320d.gif" 
    width="300"
  >
</p>

chrisdugne

  local spaceship = display.newGroup()
  App.hud:insert(spaceship)
  spaceship.y = display.contentHeight - 100
  spaceship.x = display.contentWidth * 0.5

  local image = display.newImage(
    spaceship,
    'assets/images/game/spaceship.png',
    0, 0
  )

chrisdugne

local alternate = require 'cherry.libs.alternate'

self.buttons = {}
for i = 1, #keys do
  self.buttons[#self.buttons + 1] =
    createButton({
      name = 'button-' .. i,
      parent = scroller,
      x = display.contentWidth / 2 + alternate(i) * 100,

chrisdugne

  local paint = {
    type = 'gradient',
    color2 = {colorize('#ffffff')},
    color1 = {colorize('#00B0FF')},
    direction = 'down'
  }

  local rect = display.newRect(self.view, W / 2, H / 2, W, H)
  rect.fill = paint

chrisdugne

  local cardW = W * 0.9
  local cardH = 250
  local SR = 3 -- shadow radius
  local SA = 0.4 -- shadow alpha

  local card = display.newGroup()
  options.parent:insert(card)
  card.x = options.x
  card.y = options.y

chrisdugne

local Spirit = {}

local idle = {
  name = 'idle/18',
  frames = {
    {x = 0, y = 0, width = 111,height = 172},
    {x = 111, y = 0, width = 111,height = 172},
    {x = 222, y = 0, width = 111,height = 172},
    {x = 0, y = 172,width = 111,height = 172},
    {x = 111, y = 172,width = 111,height = 172},