James Peret's personal portfolio website version 2. Built with Famous.js and AngularJS.

background.js 1.1KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. 'use strict';
  2. /**
  3. * @ngdoc function
  4. * @name domainManagerApp.controller:AboutCtrl
  5. * @description
  6. * # AboutCtrl
  7. * Controller of the domainManagerApp
  8. */
  9. angular.module('goApp.background', ['famous.angular'])
  10. .controller('BackgroundController',['$scope', '$rootScope', '$famous', '$timeline', function ($scope, $rootScope, $famous, $timeline) {
  11. var View = $famous['famous/core/View'];
  12. var Modifier = $famous['famous/core/Modifier'];
  13. var Surface = $famous['famous/core/Surface'];
  14. var Transform = $famous['famous/core/Transform'];
  15. var VideoSurface = $famous['famous/surfaces/VideoSurface'];
  16. $scope.backgroundView = new View();
  17. var video = new VideoSurface({
  18. size: [undefined, undefined],
  19. autoplay: true,
  20. src: "content/videos/bg_1.mov",
  21. classes: ['bg_video'],
  22. properties: {
  23. zIndex: 1,
  24. }
  25. });
  26. video.setAttributes({
  27. loop: ''
  28. });
  29. var videoModifier = new Modifier();
  30. videoModifier.transformFrom(function(){
  31. transform: Transform.translate(0, 0, 0)
  32. });
  33. $scope.backgroundView.add(videoModifier).add(video);
  34. }]);