actarian

mat4 rotate(float angle, vec3 axis) {
    vec3 a = normalize(axis); float s = sin(angle); float c = cos(angle); float n = 1.0 - c;
    return mat4(n * a.x * a.x + c, n * a.x * a.y - a.z * s, n * a.z * a.x + a.y * s, 0.0, n * a.x * a.y + a.z * s, n * a.y * a.y + c, n * a.y * a.z - a.x * s, 0.0, n * a.z * a.x - a.y * s, n * a.y * a.z + a.x * s, n * a.z * a.z + c, 0.0, 0.0, 0.0, 0.0, 1.0);
}

mat4 translate(vec3 t) {
    return mat4(1.0, 0.0, 0.0, t.x, 0.0, 1.0, 0.0, t.y, 0.0, 0.0, 1.0, t.z, 0.0, 0.0, 0.0, 1.0);
}

mat4 scale(vec3 s) {

actarian

onInit() {
  const form = new FormGroup({
    firstName: null,
    lastName: null,
    email: null,
  }, RequiredValidator());

  form.changes$.subscribe((changes) => {
    this.pushChanges();
  });

actarian

TodoItemComponent.meta = {
  selector: '[todo-item-component]',
  inputs: ['item'],
  outputs: ['toggle', 'remove'],
  hosts: { host: HostFactory },
  template: `
  <button type="button" class="btn--toggle" (click)="onToggle(item)">
    <div class="date" [innerHTML]="item.date | date : 'en-US' : { month: 'short', day: '2-digit', year: 'numeric' }"></div>
    <div class="title" [innerHTML]="item.name"></div>
  </button>

actarian

const declarations = [
  ClassDirective,
  EventDirective,
  ForStructure,
  IfStructure,
  InnerHtmlDirective,
  StyleDirective,
  JsonPipe
];
export default class CoreModule extends Module {}

actarian

class MyComponent extends Component {
  
  /** 
  * MyComponent instance has been initialized
  * we can add custom properties to the instance
  */
  onInit() {
    // ...
  }

actarian

<li class="list__item" *for="let item of items" [class]="{ done: item.done }" [style]="{ background: background, color: foreground, '--accent': accent }" todo-item-component [item]="item" (toggle)="onToggleItem($event)" (remove)="onRemoveItem($event)">
  <button type="button" class="btn--toggle" (click)="onToggle(item)">
    <div class="date" [innerHTML]="item.date | date : 'en-US' : { month: 'short', day: '2-digit', year: 'numeric' }"></div>
    <div class="title" [innerHTML]="item.name"></div>
  </button>
  <button type="button" class="btn--remove" (click)="onRemove(item)">
    <i class="icon--remove"></i>
  </button>
</li>

actarian

export default class TodoItemComponent extends Component {

  onChanges(changes) {
    this.color = color(changes.item.id);
  }

  onToggle($event) {
    this.toggle.next($event);
  }

actarian

import { Browser, CoreModule, Module } from 'rxcomp';

export default class AppModule extends Module {}

AppModule.meta = {
    imports: [
        CoreModule
    ],
    declarations: [
        TodoItemComponent,

actarian

FFMPEG alpha merge, color, clipping, jpg2000, webp, frame tiles

sequence to jpeg2000

ffmpeg -i "c:\ffmpeg\in\hero\gbuffer_%05d.png" -pix_fmt yuv420p -vcodec jpeg2000 "c:\ffmpeg\out\hero\cover_%04d.jpeg"

sequence to webp

ffmpeg -i "c:\ffmpeg\in\hero\gbuffer_%05d.png" -pix_fmt yuv420p -codec libwebp "c:\ffmpeg\out\hero\cover_%04d.webp"

---

actarian

/*
The MIT License (MIT)

Copyright (c) 2015 Patricio Gonzalez Vivo ( http://www.patriciogonzalezvivo.com )

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the 'Software'), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,